ブートストラップのナビゲーションとは何を意味しますか?-ブートストラップのチュートリアル-php.cn

ブートストラップのナビゲーションとは何を意味しますか?

WBOY

リリース： 2021-12-28 10:02:12

オリジナル

3196 人が閲覧しました

ブートストラップの

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>

ログイン後にコピー

出力結果:

ブートストラップのナビゲーションとは何を意味しますか?