CSS - Menu desplegable header

<header id="navigation" class="navbar-inverse navbar-fixed-top animated-header">

            <div class="container">

                <div class="navbar-header">

                    <!-- responsive nav button -->

					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

						<span class="sr-only">Toggle navigation</span>

						<span class="icon-bar"></span>

						<span class="icon-bar"></span>

						<span class="icon-bar"></span>

                    </button>

					<!-- /responsive nav button -->

					<!-- logo -->

						<img src="img/logo.png" height="75">

					<!-- /logo -->

                </div>

				<!-- main nav -->

                <nav class="collapse navbar-collapse navbar-right" role="navigation">

                    <ul class="nav navbar-nav">

                        <li><a href="index.html">Inicio</a></li>

                        <li><a href="galeria.html">Galería</a></li>

                        	<ul><li><a href="details.html">Details</a></li></ul>

                        <li><a href="prensa.html">Prensa</a></li>

                        <li><a href="sobre.html">Sobre Nosotros</a></li>

                        <li><a href="contacto.html">Contacto</a></li>

                    </ul>

                </nav>

				<!-- /main nav -->

            </div>

        </header>

/**

/*	Header

/* ==========================================*/

#navigation {

    -webkit-transition: all 0.8s ease 0s;

       -moz-transition: all 0.8s ease 0s;

        -ms-transition: all 0.8s ease 0s;

         -o-transition: all 0.8s ease 0s;

            transition: all 0.8s ease 0s;

    background-color: rgba(0,0,0,.4);

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);

    padding: 5px 0;

}

#navigation.animated-header {

    padding: 20px 0;

}

h1.navbar-brand {

    font-size: 20px;

    font-weight: 700;

    margin: 0;

    text-transform: uppercase;

}

.navbar-inverse .navbar-nav > li > a {

	color: #E7AE18;

	font-size: 15px;

	text-transform: uppercase;

}

<div class="container">

<div class="container example5">

  <nav class="navbar navbar-default">

      <br>

    <div class="container-fluid">

      <div class="navbar-header">

        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar5">

          <span class="sr-only">Toggle navigation</span>

          <span class="icon-bar"></span>

          <span class="icon-bar"></span>

          <span class="icon-bar"></span>

        </button>

        <a class="navbar-brand hidden-xs" href="·"><img style="height:90px; width: 330px;" src="imagenes/logo.png" alt="Dispute Bills">

        </a>

      </div>

      <div id="navbar5" class="navbar-collapse collapse">

        <ul class="nav navbar-nav navbar-right">

            <li ><a href="http://localhost/Tecniamsa_MVCPOO/index.php?controller=servicio&action=admin">Servicios <span class="glyphicon glyphicon-fire"></span></a></li>

             <li class="dropdown">

        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Salidas

        <span class="glyphicon glyphicon-paste"></span></a>

        <ul class="dropdown-menu">

          <li><a href="http://localhost/Tecniamsa_MVCPOO/index.php?controller=salida&action=admin">Salida </a></li>

          <li><a href="http://localhost/Tecniamsa_MVCPOO/index.php?controller=prestamo&action=admin">Salida Prestamo</a></li>

        </ul>

      </li>

             <li class="dropdown">

        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Entradas

        <span class="glyphicon glyphicon-copy"></span></a>

        <ul class="dropdown-menu">

          <li><a href="http://localhost/Tecniamsa_MVCPOO/index.php?controller=entrada&action=admin">Entrada Proveedor</a></li>

          <li><a href="http://localhost/Tecniamsa_MVCPOO/index.php?controller=entrada_trabajador&action=admin">Entrada Trabajador</a></li>

        </ul>

      </li>

          <li ><a href="http://localhost/Tecniamsa_MVCPOO/index.php?controller=proveedor&action=admin">Proveedores <span class="glyphicon glyphicon-plane"></span></a></li>

         <li class="dropdown">

        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Personas

        <span class="glyphicon glyphicon-user"></span></a>

        <ul class="dropdown-menu">

          <li><a href="http://localhost/Tecniamsa_MVCPOO/index.php?controller=persona&action=admin">Personal Planta</a></li>

          <li><a href="http://localhost/Tecniamsa_MVCPOO/index.php?controller=autoriza&action=admin">Autorizan</a></li>

          <li><a href="http://localhost/Tecniamsa_MVCPOO/index.php?controller=entrega&action=admin">Entregan</a></li>

        </ul>

      </li>

          <li class="dropdown">

        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Elementos

        <span class="glyphicon glyphicon-home"></span></a>

        <ul class="dropdown-menu">

          <li><a href="http://localhost/Tecniamsa_MVCPOO/index.php?controller=elemento&action=admin">Inventario</a></li>

          <li><a href="http://localhost/Tecniamsa_MVCPOO/index.php?controller=tipo_elemento&action=admin">Tipo de Elementos</a></li>

        </ul>

      </li>

          <li ><a href="">Registros<span class="glyphicon glyphicon-list-alt"></span></a></li>

        </ul>

      </div>

      <!--/.nav-collapse -->

    </div>

    <!--/.container-fluid -->

  </nav>

</div>

</div>

<!--fin navbar-->