2015-06-29 170 views
1

我正在開發一個項目併爲我的選項卡使用Bootstrap選項卡。用戶可以創建新的標籤,所以這裏的問題是:超過N選項卡(其中N依賴於瀏覽器的寬度)這種行爲導致:引導滑動選項卡(不是選項卡內容)

Tabs

我上網一點點進入引導HTML標籤代碼, ul內的標籤爲li。我想實現這樣的事情:

Tabs goal

所以在右側(和左側)標籤組件可以有一個按鈕,它讓我的用戶創建的選項卡之間進行切換(像滑塊)。

任何人都可以指導我實現這個目標嗎?還是它是默認實現此行爲的其他選項卡組件(例如來自其他框架)?

在此先感謝!

回答

1

沒有什麼在引導開箱即用的,但你可以做這樣的事情: http://codeply.com/go/43ARTwZuie

該解決方案使用jQuery來檢查標籤容器的寬度,然後相應地調整選項卡的位置。

另一種選擇是把溢出接頭插入這樣的下拉列表:http://www.bootply.com/7oAli9A9zL#

+0

很抱歉的表情,但你第一個例子(codeply)是純粹性。正是我需要的。非常感謝你,斯凱利! :) –

相關問題