Exemplo Barra de Navegação
Exemplo Barra de Navegação com Bootstrap.
Exemplo mostra o uso de classes do bootstrap na criação da barra de navegação.
Layout Responsivel, com Botao de Menu.
Código Fonte;
<div class="container">
<div class="navbar-reader">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#barra-navegacao">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">Logo</a>
</div>
<div class="collapse navbar-collapse" id="barra-navegacao">
<span class="sr-only">Alternar Menu</span>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Home</a></li>
<li><a href="#">Empresa</a></li>
<li><a href="#">Clientes</a></li>
<li><a href="#">Serviços</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Minha Conta
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Editar</a></li>
<li><a href="#">Ajuda</a></li>
<li><a href="#">Logout</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="container ">
<!-- Barra de Navegação -->
<div class="page-header"><h1>Navegação Bootstrap</h1></div>
Comentários
Postar um comentário