Question

我需要一些帮助修改一些bootstap标记。我有一个标准的导航栏。我的问题是，当我点击最顶部li时，它不会关注该链接。如果我点击任何子li，他们就能完美地工作。

我的代码对于其中一个链接的简短摘要：

<div class="navbar-collapse collapse navHeaderCollapse">
            <ul class="nav navbar-nav ">
              <li><a><img src="images/home.png" alt="home"></a></li>
              <li class="dropdown"><a href="service.html" data-toggle="dropdown" class="dropdown-toggle">Link&nbsp;<b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a>Sub-Link 1</a></li>
                  <li><a>Sub-Link 1</a></li>
                  <li><a>Sub-Link 1</a></li>
                  <li><a>Sub-Link 1</a></li>
                </ul>
              </li>

如果我点击Link项目，它不会导航到service.html页面？我曾想过使用js来设置它的href，但这迫使我对链接进行硬编码，当这一切都完成后，链接将通过CMS生成。我有办法在页面上启用链接吗？

对于那些要求我将子链接设置为在悬停时显示而不是单击

的人

Answer 1

我不认为Bootstrap的下拉类允许您在下拉列表标题上创建链接。您可能想为service.html创建另一个导航，或将其添加到下拉列表中

为什么我的链接在bootstrap导航栏中没有被跟踪

1 个答案: