navegação
As navegações disponíveis no bootstrap têm tags semelhantes, começando com a classe base .nav, que é a parte semelhante. Alterar a classe de modificação pode alterar o estilo.
<! Doctype html> <html> <head> <meta charset = "utf-8"> <!-<link rel = "stylesheet">-> <link rel = "sTILESHEET" href = "css /bootstrape.min.css" />style> 20px;} </style> </head> <body> <div> <div> <ul> <li> <a href = "#"> home </a> </li> <li> <a href = "#"> perfil </a> </li> <li> <a href = "#"> mensagens </a> </li> </li> </li> src = "js/jQuery.min.js"> </script> <script type = "text/javascript" src = "js/bootstrap.min.js"> </script> <!-<script src = "http:/libs.baid> <jquery/1.9.9.9.9.0 src = "http://maxcdn.bootstrappcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"> </script>-> </body> </html>
1. Página de tags
Observe que a classe .nav-tabs requer a classe base .nav. Basta adicionar .nav empilhado e você pode empilhá-lo verticalmente.
<ul> <li> <a href = "#"> home </a> </li> <li> <a href = "#"> perfil </a> </li> <li> <a href = "#"> mensagens </a> </li> </ul>
2. Página de tags de cápsula
O NAV-TABS é substituído por .nav-pills.
Links desativados:
<li> <a> perfil </a> </li>
Não há efeito de pairar do mouse, a função de link não é afetada
3. Use o menu suspenso
<ul> <li> <a data-toggle = "suspenso" href = "#"> suspenso <span> </span> </a> <ul> <li> <a href = "#"> home </a> </li> <li> <a href = "#"> perfil </a> </li> <li> href = "#"> home </a> </li> </li> <li> <a href = "#"> perfil </a> </li> </ul>
4. Variantes disponíveis
</span> Padrão </span> <span> Primário </span> <pan> Sucesso </span> <pan> info </span> </span> aviso </span> <pan> perigo </span>
5. Navegação de breção
<ol> <li> <a href = "#"> home </a> </li> <li> <a href = "#"> biblioteca </a> </li> <li> Dados </li> </ol>
O exposto acima é o conhecimento relevante sobre navegação, rótulos e navegação por navegação (produtos de qualidade) para o aprendizado de componentes de bootstrap que o editor apresentou a você. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!