navegación
Las navegaciones disponibles en Bootstrap tienen etiquetas similares, comenzando con la clase base .nav, que es la parte similar. Cambiar la clase de modificación puede cambiar el estilo.
<! DOCTYPE HTML> <html> <Head> <Meta Charset = "UTF-8"> <!-<Link rel = "Stylesheet">-> <Link Rel = "Stylesheet" href = "css /bootstrap.min.css" /><style>.container {margen-top: 20px;} </style> </head> <body> <div> <div> <ul> <li> <a href = "#"> home </a> </li> <li> <a href = "#"> perfil </a> </li> <li> <a href = "#"> mensajes </a> </li> </ul> </iv> <script type = "text/jawcript" src = "js/jQuery.min.js"> </script> <script type = "text/javaScript" src = "js/bootstrap.min.js"> </script> <!-<script src = "http://libs.baidu.com/jquery/1.9.0/jquery.js"> <///script>-<! src = "http://maxcdn.bootstrappcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"> </script>-> </body> </html>1. Página de etiqueta
Tenga en cuenta que la clase .nav-tabs requiere la clase base .nav. Simplemente agregue .nav-Stacked y puede apilarlo verticalmente.
<ul> <li> <a href = "#"> Home </a> </li> <li> <a href = "#"> perfil </a> </li> <li> <a href = "#"> Mensajes </a> </li> </ul>
2. Página de etiqueta de estilo cápsula
Nav-Tabs se reemplaza con píldoras .nav.
Enlaces deshabilitados:
<li> <a> perfil </a> </li>
No hay efecto de ciervo de ratón, la función de enlace no se ve afectada
3. Use el menú desplegable
<ul> <li> <a data-toggle = "desplegable" href = "#"> desplegable <span> </span> </a> <ul> <li> <a href = "#"> home </a> </li> <li> <a href = "#"> perfil </a> </li> <li> <a href = "#"> Mensajes </a> </a> </li li href = "#"> Home </a> </li> </li> <li> <a href = "#"> perfil </a> </li> </ul>
4. Variantes disponibles
<span> predeterminado </span> <span> primario </span> <span> éxito </span> <span> info </span> <span> advertencia </span> <span> peligro </span>
5. Navegación de pan
<Ol> <li> <a href = "#"> Home </a> </li> <li> <a href = "#"> biblioteca </a> </li> <li> data </li> </ol>
Lo anterior es el conocimiento relevante sobre la navegación, las etiquetas y la navegación de pan de pan (productos de calidad) para el aprendizaje de componentes de bootstrap que el editor le presentó. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!