如何一組按鈕控制引導2標籤頁來引導3

我將我的自舉2個網站來引導3轉換和我有點停留在一個特定的控制也就是幾組通過切換按鈕控制的標籤頁中。如何一組按鈕控制引導2標籤頁來引導3

這裏是我的工作BS2代碼的例子：

http://bootply.com/97187

如果我運行在BS3這個代碼，我得到這個：

http://bootply.com/97189

的問題，因爲你會看到是按鈕不再像一組單選按鈕。他們單獨切換。

我目前在這裏：

http://bootply.com/97184

這看起來像它的工作原理，但它沒有。當你點擊一個按鈕時，你獲得的灰色實際上就是「我現在有焦點」的顏色。點擊其他地方，它會回到白色。

我真的需要的按鈕來切換，因爲他們在BS2一樣。我在這裏忽略了什麼小事？

來源

2013-11-28 GreggR

您的問題是在這裏：

<div class="well well-sm"> 
    <span>Set A:</span> 
    <div class="btn-group"> 
    <button class="btn btn-sm btn-default active" href="#tab1" data-toggle="tab">1</button> 
    <button class="btn btn-sm btn-default" href="#tab2" data-toggle="tab">2</button> 
    </div> 
    <span>&nbsp;&nbsp;Set B:</span> 
    <div class="btn-group"> 
    <button class="btn btn-sm btn-default" href="#tabA" data-toggle="tab">A</button> 
    <button class="btn btn-sm btn-default" href="#tabB" data-toggle="tab">B</button> 
    <button class="btn btn-sm btn-default" href="#tabC" data-toggle="tab">C</button> 
    </div> 
</div>

添加類active按鈕級的tab1似乎阻止你希望他們切換按鈕。簡單地刪除active類似乎解決了這個問題。

演示：http://bootply.com/97199

來源

2013-11-28 05:13:46 bentranter

感謝您的建議，但是你在這裏看到的突出簡稱爲「聚焦了」色。只要你點擊其他地方，它就會消失。按照「積極」的課程，我需要它堅持下去。 – GreggR

好吧，我一直在玩弄頗有幾分得到了一個可以接受的解決方案。

不同於引導2版本，它需要一些JavaScript。

這就是：http://bootply.com/97426

它不會做的唯一事情是組按鈕組到單個組件，但是這是可以接受的，除非有人能找到一個方法來做到這一點。

會更好，如果引導只是在這種情況下的工作方式相同V2。

來源

2013-11-29 11:38:09 GreggR

如何一組按鈕控制引導2標籤頁來引導3

回答

相關問題