不工作的引导的导航链接(bootstrap navigation links not working

我的网站页眉/导航中的链接不工作的一些原因。 我认为这是与我使用的CSS，但我完全按照这样的代码是在引导的文档的网站。 有人可以帮助我解决这个错误？

您可以在这里查看完整的网站： http://kaybesee.com/mb

这是我的HTML：

<div id="nav-wrapper">
<nav class="navbar" role="navigation" data-spy="affix" data-offset-top="1000" data-offset-bottom="200">
<div class="container">
  <!-- 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-collapse-1">
      <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="img/logoTextRight.png" class="img-responsive"></a>
  </div>

  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="" id="navbar-collapse-1">
    <ul class="nav navbar-nav navbar-right">
      <li class="nav-button"><a href="#portfolio">Portfolio</a></li>
      <li class="nav-button"><a href="#about-us">About Us</a></li>
      <li class="nav-button"><a href="#contact">Contact</a></li>
    </ul>
  </div><!-- /.navbar-collapse -->
  </div>
</nav>
</div><!-- #nav-wrapper -->

Answer 1:

相信这是相关的，你有一个e.preventDefault您li点击line 36上索引。 我实在看不出是有原因的，但因为你的锚内部，锚单击事件永远不会触发。

除去e.preventDefault（）;

  $('ul.nav > li').click(function (e) {
        e.preventDefault();

Answer 2:

你应该在CSS的标签ID匹配页ID。 我觉得这是自举类资产净值一些bug。 请参阅本文以获取更多信息。 http://webdesign.about.com/od/layout/a/aa042307.htm 。

文章来源: bootstrap navigation links not working