3

皆さん、こんにちは。今日は Twitter のブートストラップを使用してみます。ここからコピー/貼り付けするだけで、デフォルトのナビゲーションバーをページに追加しますブラウザのサイズを変更するとボタンが表示されますが、クリックしようとしても何も起こらず、ナビゲーションバーがスライドしません。私のプロジェクトはasp.net mvc4です。nuget パッケージ、バージョン 3.0 を介してブートストラップをダウンロードします。私のページに追加されたブートストラップのスタイルとスクリプト。

誰も同じ問題を抱えていますか？

ナビバーコード

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-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 class="navbar-brand" href="#">
      <img src="~/Content/Images/logo.png" class="img-responsive" />
    </a>
  </div>

  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Main</a></li>
      <li><a href="#">Main2</a></li>
      <li><a href="#">Main3</a></li>
      <li><a href="#">Main4</a></li>
    </ul>
  </div>
  <!-- /.navbar-collapse -->
</nav>

編集：R＃はdiv内でnavbar-ex1-collapseをマークし、このクラスが存在しないことを伝えました

4

1 に答える 1

2

私はあなたのためにフィドルを作成しました。画面サイズを変更しても問題なく動作し、使用しているのと同じコードを使用しています。

于 2013-09-16T07:26:51.010 に答える