1

携帯電話でブートストラップのメインWebサイトにアクセスすると、右上にスライドダウンメニューが表示されます。

これはナビゲーションバーの一部です。

このドロップダウンメニュープラグインはどこにありますか？メインサイトにはありません。

4

5 に答える 5

4

これはレスポンシブナビゲーションバーであり、モバイルで表示されるバリエーションです。それを見つけてその使用法を確認するには、Carloのコメントを読むか、ここにアクセスしてください。

http://getbootstrap.com/components/#navbar-default

于 2013-03-10T10:05:28.940 に答える
1

この例を参照してください： http ：//twitter.github.com/bootstrap/examples/fluid.html

追加することを忘れないでください：

<script src="../assets/js/bootstrap-dropdown.js"></script>

そしてcss：

<link href="../assets/css/bootstrap.css" rel="stylesheet">
<link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">

これはコードサンプルです：

<div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container-fluid">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="#">Project name</a>
          <div class="nav-collapse collapse">
            <p class="navbar-text pull-right">
              Logged in as <a href="#" class="navbar-link">Username</a>
            </p>
            <ul class="nav">
              <li class="active"><a href="#">Home</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
于 2013-03-10T09:37:35.697 に答える
0

レスポンシブCSSの結果だと思いますbootstrap-responsive.css

デバイス幅の検出により、モバイルでは表示が異なります。

于 2013-03-10T09:36:29.740 に答える
0

特にレスポンシブナビゲーションバーコンポーネントをダウンロードする場合は、[ブートストラップのカスタマイズ] に移動し、ナビゲーションバー、ナビゲーションバー、タブ、ピルを選択してから、レスポンシブセクションでレスポンシブナビゲーションバーオプションとその他のメディアコンポーネントを次のように選択できます。要件ごとに。また、[jqueryプラグインの選択]セクションがあります。ここでは、ナビゲーションバーを意図したとおりに機能させるために、次のプラグインをダウンロードする必要があります：-接辞、ドロップダウン、折りたたみ

于 2013-03-10T14:18:35.677 に答える
0

私はこれが今では古いことを知っていますが、私は同じ問題に取り組んでいることに気づき、それを見つけた他の人に必要最低限​​の例を提供したいと思います。ただし、これはBootstrap3に基づいています。

<nav class="navbar container" role="navigation">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main_nav_container" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span> <!-- this are literally the "burger lines" and can be styled -->
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
    </div>      

    <!-- Note the ID here is the data-target of the button!! Critically important-->
    <div id="main_nav_container" class="collapse navbar-collapse">
        <ul class="nav navbar-nav">
            <li>your menu item here</li>
        </ul>
    </div>
</nav>
于 2016-09-16T08:52:29.860 に答える