How to create active menu selection?

<div class="collapse navbar-collapse">
      <ul class="nav navbar-nav navbar-right">
        <li class="{{ (Request::is('index') ? 'active' : '') }}"><a href="index">Home</a></li>
        <li class="{{ Request::is('about') ? 'active' : '' }}"><a href="about-us">About Us</a></li>
        <li class="{{ Request::is( 'services') ? 'active' : '' }}"><a href="services">Services</a></li>
        <li class="{{ Request::is( 'portfolio') ? 'active' : '' }}"><a href="portfolio">Portfolio</a></li>
        <li class="dropdown {{ Request::is( 'privacy-policy') ? 'active' : '' | Request::is( 'terms-of-use') ? 'active' : '' }}"> <a href="javascript::" class="dropdown-toggle" data-toggle="dropdown">Pages <i class="icon-angle-down"></i></a>
          <ul class="dropdown-menu">
            <li><a href="#">Dropdown Menu 1</a></li>
            <li class="divider"></li>
            <li><a href="privacy-policy">Privacy Policy</a></li>
            <li><a href="terms-of-use">Terms of Use</a></li>
          </ul>
        </li>
        <li><a href="blog">Blog</a></li>
        <li class="{{ Request::is( 'contact-us') ? 'active' : '' }}"><a href="contact-us">Contact</a></li>
      </ul>
    </div>