为什么我的引导导航栏斜体而不是将活动类添加到活动选项卡？答案

【问题标题】：Why does my bootstrap nav bar italicize instead of adding the active class to the active tab?为什么我的引导导航栏斜体而不是将活动类添加到活动选项卡？
【发布时间】：2013-01-09 00:10:38
【问题描述】：

我的引导导航栏添加了一个跨度并将活动选项卡变为斜体，而不是仅将活动类添加到活动选项卡。我的代码如下：

 <div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
      <a class="brand" href="#">Wutup?!</a>
      <div class="nav-collapse">
      <wicket:link>
            <ul class="nav">
              <li><a href="NearbyEvents.html">Nearby Events</a></li>
              <li><a href="Index.html">My Events</a></li>
              <li><a href="ManageEvents.html">Manage My Events</a></li>
              <li><a href="AboutPage.html">About</a></li>
            </ul>
        </wicket:link>
      </div>
    </div>
  </div>
</div>

行为可以在这里看到：screenshot

【问题讨论】：

直播网站是here
它在源代码中.. 问题出在您的标记生成中。源中还有一些无效的 xml 标记 <wicket>
那么，bootstrap 不适合 apache wicket 吗？这令人沮丧，但 C'est La Vie。

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

当您使用 wicket 自动链接功能（即 wicket:link）时，它会生成跨度而不是向您的 HTML 添加类。例如，如果“我的事件”是活动页面，则可能如下所示：

<ul class="nav">
    <li><a href="NearbyEvents.html">Nearby Events</a></li>
    <li><span><em>My Events</em></span></li>
    <li><a href="ManageEvents.html">Manage My Events</a></li>
    <li><a href="AboutPage.html">About</a></li>
</ul>

如果你想避免这种情况，你不应该使用自动链接功能，或者只是改变 css 以适应生成的检票口的 html。

【讨论】：