为什么我的bootstrap导航条禁止斜体而不是将活动类添加到活动选项卡?

时间:2012-12-08 22:57:52

标签: javascript jquery html css twitter-bootstrap

我的引导导航栏添加了一个范围并将活动选项卡设置为斜体,而不是仅将活动类添加到活动选项卡。我的代码如下:

 <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

1 个答案:

答案 0 :(得分:0)

当您使用wicket自动链接功能(即wicket:link)时,它会生成span而不是为HTML添加类。例如,如果“我的evenets”是活动页面,则可能如下所示:

<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>

如果你想避免这种情况,你不应该使用autolinking feauture,或者只是改变css以适应生成的wicket的html。