Navigation
In Bootstrap erhältliche Navigationen haben ähnliche Tags, beginnend mit der Basisklasse .NAV, was der ähnliche Teil ist. Das Ändern der Änderung der Änderung kann den Stil verändern.
<! DocType html> <html> <head> <meta charset = "utf-8"> <!-<link rel = "stylesheet">-> <link rel = "styleSheet" href = "css /bootstrap.min.css" /><style> 20px;}</style></head><body><div><div><ul><li><a href="#">Home</a></li><li><a href="#">Profile</a></li><li><a href="#">Messages</a></li></ul></div><script type="text/javascript" src = "js/jQuery.min.js"> </script> <script type = "text/javaScript" src = "js/bootstrap.min.js"> </script> <!-<script src = "http://libs.baidu.com/jquery src = "http://maxcdn.bootstrappcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"> </script>-> </body> </html>
1. Tag Seite
Beachten Sie, dass die .nav-tabs-Klasse die .nav-Basisklasse erfordert. Fügen Sie einfach .nav-gestapelt hinzu und Sie können es vertikal stapeln.
<ul> <li> <a href = "#"> home </a> </li> <li> <a href = "#"> profile </a> </li> <li> <a href = "#"> Nachrichten </a> </li> </ul>
2. Tagseite im Kapselstil
NAV-TABS wird durch .nav-pills ersetzt.
Deaktivierte Links:
<li> <a> Profil </a> </li>
Es gibt keinen Mausschwebeffekt, die Verbindungsfunktion ist nicht beeinflusst
3. Verwenden Sie das Dropdown-Menü
<ul> <li> <a data-toggle = "Dropdown" href = "#"> Dropdown <span> </span> </a> <ul> <li> <a href = "#"> Home </a> </li> <li> <a href = "#"> Profil </a> <a li> <a href = " href = "#"> home </a> </li> </li> <li> <a href = "#"> Profil </a> </li> </ul>
4. Verfügbare Varianten
<span> Standard </span> <span> primär </span> <span> Erfolg </span> <span> Info </span> <span> WARNUNG </span> <span> Danger </span>
5. Breadcrumb Navigation
<ol> <li> <a href = "#"> home </a> </li> <li> <a href = "#"> Bibliothek </a> </li> <li> Daten </li> </ol>
Das oben genannte ist das relevante Wissen über Navigation, Beschriftungen und Breadcrumb Navigation (Qualitätsprodukte) für Bootstrap -Komponenten -Lernen, die der Editor Ihnen vorgestellt hat. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!