ホームページ > 記事 > ウェブフロントエンド > ブートストラップのナビゲーションとは何を意味しますか?
ブートストラップのナビゲーションとは何を意味しますか?
- WBOYオリジナル
- 2021-12-28 10:02:123119ブラウズ
ブートストラップの
nav は、ナビゲーションを意味する「navigation」の略語です。nav は、ナビゲーション要素のスタイルを設定するために使用できます。追加する必要があるのは、「class="nav nav-navigation style code"」だけです。ナビゲーション要素に追加し、スタイルを設定するだけです。
このチュートリアルの動作環境: Windows 7 システム、ブートストラップ バージョン 3.3.7、DELL G3 コンピューター
bootstrap の nav はどういう意味ですか
NAV=navigation、英語に訳すとナビゲーションという意味です。
ナビゲーション要素を定義するためにブートストラップによって提供されるいくつかのオプション。これらは同じマークアップと基本クラス .nav を使用します。ブートストラップは、マークアップと状態を共有するためのヘルパー クラスも提供します。変更されたクラスを変更すると、さまざまなスタイルを切り替えることができ、nav を使用してナビゲーション要素のスタイルを設定できます。
タブ付きナビゲーション メニューを作成します:
クラス .nav の順序なしリストから始めます。クラス .nav-tabs を追加します。
例は次のとおりです:
<html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 标签式的导航菜单</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <p>标签式的导航菜单</p> <ul class="nav nav-tabs"> <li class="active"><a href="#">Home</a></li> <li><a href="#">SVN</a></li> <li><a href="#">iOS</a></li> <li><a href="#">VB.Net</a></li> <li><a href="#">Java</a></li> <li><a href="#">PHP</a></li> </ul> </body> </html>
出力結果:
推奨学習: 「bootstrap 使用法チュートリアル 」 「
以上がブートストラップのナビゲーションとは何を意味しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。