堆棧式引導程序導航標籤中的文本溢出

Question

我想創建一個可以選擇的水平標籤列表，並且標籤內容有一個標籤（堆疊）的附加列表，顯示這些標籤旁邊的內容。

我創建了一個bootply here，所以你可以看到我的意思。

每當調整到XS尺寸標籤中的文字會溢出的堆疊標籤，並用一個下拉選項卡的下拉選項將是不相稱的標籤頁的大小

還沒有真正找到一個體面方法來解決它。什麼是解決這個問題的方法？思考做媒體查詢，但不知道這是最好的路線。

Answer 1

在我的bootply中，我給嵌套的nav堆棧選項卡（在選項卡內容中）部分的nav-stacked類與col-xs-3類。無論出於何種原因，這些小屏幕尺寸都會導致問題。

刪除nav-stacked類，並保持它只是正常nav nav-pills類工作和正確顯示，因爲每個選項卡被推動堆疊任何因爲小列大小。沒有文字溢出。

如果你還想堆疊更大的屏幕尺寸，那麼怎麼樣？我只是做了一個黑客解決方案，並設置col-xs-3 col-sm-2 col-md-1，所以它仍然強制標籤堆疊。

更新bootply

有一個出發點MD-SM（我認爲）可能是XS-SM大小切換是該選項卡顯示再次水平。通過媒體查詢輕鬆修復。