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 回答