html - ブートストラップ サイトでメニューを作成する

Question

このようなメニューを作成したい : http://getbootstrap.com/getting-started/ 多くのクラスとスタイルを試しましたが、応答がありませんでした。

Answer 1

ブートストラップ css、bootstrap.js、およびjQuery ( の前) を追加しbootstrap.js、そのファイルで定義されたクラスを使用するcssだけで、参照しているサイト自体に完全に文書化されています。ここに例を示します:

    <header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" role="banner">
    <div class="container">
    <div class="navbar-header">
        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
       </button>
      <a href="../" class="navbar-brand">My Menu</a>
    </div>
    <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
        <ul class="nav navbar-nav">
            <li class="active">
                <a href="#">Page One</a>
           </li>
           <li>
              <a href="#">Page Two</a>
           </li>
           <li>
               <a href="#">Page Three</a>
           </li>
        </ul>
    </nav>
  </div>
</header>

上記のこれらのファイルをダウンロード (または cdn から使用) し、cssファイルを head タグに保持します。

<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">

およびbodyタグの終了前の次のjsファイルのように

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="//code.jquery.com/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>

明確に理解するには、この基本的なテンプレートのセクションを確認してください。