我有一些导航丸下面的代码我的主页中，引导nav.pills问题

<div class="menu row-fluid text-center"> 
      <div class="span12"> 
       <ul class="nav nav-pills center-pills"> 
        <li><a href='/report/' data-toggle="tab">Report</a></li> 
        <li><a href='/cachecheck/' data-toggle="tab">CacheCheck</a></li> 
        <li><a href='/lookup/' data-toggle="tab">Lookup</a></li> 
       </ul> 
      </div>

然而，当我点击我得到了错误的链接之一，

Error: Syntax error, unrecognized expression: /report/

。 ..并没有把我带到链接。我在这里错过简单的东西吗？

来源

2013-09-22 felix001

尝试将“{％url”dnsdonkey.views.report_input“％}”更改为“{％url”dnsdonkey.views.report_input“％}' –

谢谢，但不起作用。 – felix001

你在HTML页面标记的href值中看到了什么？ –

因为您的链接中有data-toggle="tab"，引导程序认为这些是选项卡式显示的选项卡标题，并且您提供的href是要显示的选项卡窗格的ID。

从您的链接中删除data-toggle="tab"。

来源

2013-09-23 19:22:45 tomaroo

尽我所知，你必须使用带ID的＃（磅）符号来使用href值。

  <div class="span12"> 
       <ul class="nav nav-pills center-pills"> 
        <li><a href='#report' data-toggle="tab">Report</a></li> 
        <li><a href='#cachecheck' data-toggle="tab">CacheCheck</a></li> 
        <li><a href='#lookup' data-toggle="tab">Lookup</a></li> 
       </ul> 
      </div>

在这里看到： http://jsfiddle.net/Pu6jJ/

EDIT（基于如下:)

如果你想只风格，而不是标签功能的对话 - 删除数据切换属性。

  <div class="span12"> 
       <ul class="nav nav-pills center-pills"> 
        <li><a href='/report/'>Report</a></li> 
        <li><a href='/cachecheck/' >CacheCheck</a></li> 
        <li><a href='/lookup/'>Lookup</a></li> 
       </ul> 
      </div>

就这样！

来源

2013-09-23 19:25:32

但是这并不会将您带到链接？ – felix001

你想转到不同的页面？ –

是的，每个“药丸”应该允许我点击不同的页面。 – felix001

引导nav.pills问题

回答

EDIT（基于如下:)

相关问题