Twitter bootstrap 当屏幕宽度较小时,导航栏链接在我的页面的某些部分不可选择

Twitter bootstrap 当屏幕宽度较小时,导航栏链接在我的页面的某些部分不可选择,twitter-bootstrap,navbar,bootstrap-4,Twitter Bootstrap,Navbar,Bootstrap 4,因此,我正在开发一个bootstrap网站,可以在以下网址看到: 主页/关于我们/服务/投资组合/请求报价共有5部分。当页面位于小屏幕上且导航栏折叠到该菜单按钮时。当我在某些页面上时,无法正确选择所有链接。例如,在主页上,当它折叠时,一切都正常工作。但是,如果我转到“关于我们”部分,我只能选择“投资组合”或“请求报价”部分。请求报价部分仅允许我选择“投资组合”部分。我觉得这很奇怪,因为我的导航条码除了活动标签外,每个条码都是相同的 这是我的导航条形码: <nav class="navba

因此,我正在开发一个bootstrap网站,可以在以下网址看到:

主页/关于我们/服务/投资组合/请求报价共有5部分。当页面位于小屏幕上且导航栏折叠到该菜单按钮时。当我在某些页面上时,无法正确选择所有链接。例如,在主页上,当它折叠时,一切都正常工作。但是,如果我转到“关于我们”部分,我只能选择“投资组合”或“请求报价”部分。请求报价部分仅允许我选择“投资组合”部分。我觉得这很奇怪,因为我的导航条码除了活动标签外,每个条码都是相同的

这是我的导航条形码:

<nav class="navbar navbar-default">
  <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2">
    &#9776;
  </button>
  <div class="collapse navbar-toggleable-xs" id="exCollapsingNavbar2">
    <a class="navbar-brand" href="#"><img src="images/AVwood.png" height="40px"></a>

    <ul class="nav navbar-nav pull-xs-right">
      <li class="nav-item">
        <a class="nav-link" href="http://stephenhyatt.com/avwood.html">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item active">
        <a class="nav-link" href="http://stephenhyatt.com/avaboutus.html">About Us</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="http://stephenhyatt.com/avservices.html">Services</a>
      </li>
      <li><a class="nav-link" href="http://stephenhyatt.com/avportfolio.html">Portfolio</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="http://stephenhyatt.com/avquote.html">Request a Quote</a>
      </li>
    </ul>
  </div>
</nav>
我还使用:

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="bootstrap.css">


您忘记将
class=“nav item”
添加到公文包
  • 标签中

       <!-- jQuery first, then Bootstrap JS. -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js" integrity="sha384-vZ2WRJMwsjRMW/8U7i6PWi6AlO1L79snBrmgiDpgIWJ82z8eA5lenwvxbMV1PAh7" crossorigin="anonymous"></script>