ナビゲーション
ブートストラップで利用可能なナビゲーションには、ベースクラス.NAVから始まる同様のタグがあります。これは同様の部分です。変更クラスを変更すると、スタイルを変更できます。
<！doctype html> <html> <head> <meta charset = "utf-8"> <！ - <link rel = "styleSheet"> - > <link rel = "styleSheet" href = "css /bootstrap.min.css" /> <style> .container {magrage-top： 20px;} </style> </head> <body> <div> <div> <ul> <li> <a href = "＃"> home </a> </li> <li> <a href = "＃">プロフィール</</li> <li> <a href = "＃">メッセージ</a> src = "js/jquery.min.js"> </script> <script> <text/javascript "src =" js/bootstrap.min.js "> </script> <！ - <script src =" http://libs.baidu.com/jquery/1.9.0/jquery.js "> </</</< src = "http://maxcdn.bootstrappcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"> </script> - > </body> </html>1。タグページ
.nav-tabsクラスには.navベースクラスが必要であることに注意してください。 .nav stackedを追加するだけで、垂直に積み重ねることができます。
<ul> <li> <a href = "＃"> home </a> </li> <li> <a href = "＃">プロフィール</a> </li> <li> <a href = "＃">メッセージ</a> </li> </ul>
2。カプセルスタイルのタグページ
Nav-Tabsは.nav-pillsに置き換えられます。
無効リンク：
<li> <a>プロフィール</a> </li>
マウスホバー効果はありません、リンク関数は影響を受けません
3.ドロップダウンメニューを使用します
<ul> <li> <a data-toggle = "ドロップダウン" href = "＃">ドロップダウン</span> </a> <ul> <li> <a href = "＃"> home </a> </li> <li> <a href = "＃">プロフィール</a> href = "＃"> home </a> </li> </li> <li> <a href = "＃">プロフィール</a> </li> </ul>
4。利用可能なバリアント
<span>デフォルト</span> <span>プライマリ</span> <span>成功</span> <span>情報</span> <span>警告</span> <span>危険</span>
5。パンムバンナビゲーション
<ol> <li> <a href = "＃"> home </a> </li> <li> <a href = "＃">ライブラリ</a> </li> <li>データ</li> </ol>
上記は、編集者が紹介したブートストラップコンポーネントの学習用のナビゲーション、ラベル、およびパン界のナビゲーション（高品質製品）に関する関連する知識です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます！