codigo de navbar.php
#footer{ background-color:#848484; } .navbar-default { background-color: #ed1b2d; border-color: #7a6b6b; } .navbar-default .navbar-brand { color: #ffffff; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #ffffff; } .navbar-default .navbar-text { color: #ffffff; } .navbar-default .navbar-nav > li > a { color: #ffffff; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #ffffff; } .navbar-default .navbar-nav
> .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #ffffff; background-color: #7a6b6b; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default
.navbar-nav > .open > a:focus { color: #ffffff; background-color: #7a6b6b; } .navbar-default .navbar-toggle { border-color: #7a6b6b; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #7a6b6b; } .navbar-default
.navbar-toggle .icon-bar { background-color: #ffffff; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #ffffff; } .navbar-default .navbar-link { color: #ffffff; } .navbar-default .navbar-link:hover { color: #ffffff; }
@media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #ffffff; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff;
} .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #7a6b6b;
} }
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<?php
if (isset($title))
{
?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<nav class="navbar navbar-default navbar-fixed-top " role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand">Inventario Swisslub Area TIC</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="<?php if (isset($active_productos)){echo $active_productos;}?>"><a href="stock.php"><i class='glyphicon glyphicon-barcode'></i> Inventario</a></li>
<li class="<?php if (isset($active_categoria)){echo $active_categoria;}?>"><a href="categorias.php"><i class='glyphicon glyphicon-tags'></i> Categorías</a></li>
<li class="<?php if (isset($active_usuarios)){echo $active_usuarios;}?>"><a href="usuarios.php"><i class='glyphicon glyphicon-user'></i> Usuarios</a></li>
<li class="<?php if (isset($active_prestamos)){echo $active_Prestamos;}?>"><a href="prestamos.php"><i class='glyphicon glyphicon-refresh'></i>Prestamos</a></li>
<li class="<?php if (isset($active_equipos)){echo $active_equipos;}?>"><a href="Asignacion de equipos.php"><i class='glyphicon glyphicon-phone'></i>Asignacion Equipos</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="<?php if (isset($active_equipos)){echo $active_equipos;}?>"><a href="Help desk.php">Help desk<i class='glyphicon glyphicon-question-sign'></i></a></li>
<li><a href="login.php?logout"><i class='glyphicon glyphicon-off'></i> Salir</a></li>
</ul>
</div>
</div>
</nav>
<?php
}
?>