navigation
Les navigations disponibles dans Bootstrap ont des balises similaires, à commencer par la classe de base .nav, qui est la partie similaire. La modification de la classe de modification peut changer le style.
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <! - <link rel = "stylesheet"> -> <link rel = "Stylesheet" href = "css / bootstrap.min.css" /><style>.Container {margin-top: 20px;} </ style> </ head> <body> <div> <div> <ul> <li> <a href = "#"> home </a> </li> <li> <a href = "#"> Profil </a> </li> <li> <a href = "#"> Messages </a> </li> </ul> </v> </v> </v> </div> </div> </dcript Type = "Text / Javas" 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"> </cript> src = "http://maxcdn.bootstrappcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"> </ script> -> </ body> </html>1. Page de balise
Notez que la classe .nav-tabs nécessite la classe de base .nav. Il suffit d'ajouter .nav-stacké et vous pouvez l'empiler verticalement.
<ul> <li> <a href = "#"> Accueil </a> </li> <li> <a href = "#"> Profil </a> </li> <li> <a href = "#"> Messages </a> </li> </ul>
2. Page de balise de style capsule
NAV-TABS est remplacé par .NAV-PILLS.
Liens désactivés:
<li> <A> Profil </a> </li>
Il n'y a pas d'effet de survol de souris, la fonction de liaison n'est pas affectée
3. Utilisez le menu déroulant
<ul> <li> <a data-toggle = "dropdown" href = "#"> dropdown <span> </span> </a> <ul> <li> <a href = "#"> home </a> </li> <li> <a href = "#"> Profil </a> </li> <li> <a href = "#"> href = "#"> Accueil </a> </li> </li> <li> <a href = "#"> Profil </a> </li> </ul>
4. Variantes disponibles
<span> par défaut </span> <span> primaire </span> <span> Succès </span> <span> info </span> <span> avertissement </span> <span> danger </span>
5. Navigation au pain
<l> <li> <a href = "#"> Accueil </a> </li> <li> <a href = "#"> Library </a> </li> <li> Données </li> </l>
Ce qui précède est les connaissances pertinentes sur la navigation, les étiquettes et la navigation au fil du pain (produits de qualité) pour l'apprentissage des composants bootstrap que l'éditeur vous a présenté. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!