我有一些導航丸下面的代碼我的主頁中，引導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（基於如下:)

相關問題