html - Bootstrap 3，下拉问题

Question

我正在使用 bootstrap 3，并且我有一个使用此代码的导航。

   <div class="navbar navbar-default navbar-fixed-top">
  <style>
    body {
        padding-top: 120px;
    }
  </style>
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>

<div class="animbrand"><a class="navbar-brand" href="index">Home</a></div>

    </div>
    <div class="collapse navbar-collapse navbar-ex1-collapse">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="portfolio"><span class="glyphicon glyphicon-th-large"></span> Portfolio</a>

        </li>

        <li><a href="#"><span class="glyphicon glyphicon-music"></span> Music</a>

        </li>

    <li><a href="#"><span class="glyphicon glyphicon-file"></span> Blog</a>

        </li>

    <li><a href="#"><span class="glyphicon glyphicon-envelope"></span> Contact</a>

        </li>

      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-user"></i> <i class="glyphicon glyphicon-chevron-down"></i></a>
        <ul class="dropdown-menu">
          <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>

          <li><a href="#"><span class="glyphicon glyphicon-list-alt"></span> Profile</a></li>

         </ul>
        </li>

       <li><a href="#"><span class="glyphicon glyphicon-arrow-up"></span></a>

       </li>

       </ul>
    </div>
  </div>
</div>

问题不在于代码，而在于所发生的事情。如果我按 Glyphicon 向上(URL 的向上箭头变为索引#)，它将带我到该页面，那里没有问题，但是我不能点击下拉菜单，直到我返回到我的/index 页面。

http://i62.tinypic.com/1iyh38.png

http://i58.tinypic.com/2pqw9cm.png

Answer 1

那是因为你需要一个 id 为 '#' 的元素，因为当你点击 Link 上去时，它会转到一个名为 index# 的页面。因此，解决此问题的方法是将所有内容放在 ID 为 # 的 div 中，以便在您单击 a 属性时引用。或者您可以将向上按钮更改回索引以重新加载页面。

而且您所有的 a 标签都将返回页面。