修復Bootstrap Tabs對齊同時收縮

Question

我正在使用Bootstrap製作選項卡部分。它看起來不錯，我用過「導航」類。然而，在縮小標籤的同時，我注意到比其他標籤略大的全局索引標籤正在進入第二行。有沒有辦法解決這個問題？

收縮前：

收縮後： -

Answer 1

我使用的媒體的查詢來控制該標籤而不是字體的寬度和它固定它。謝謝所有:)

@media (max-width: 1100px) 
{ 
.stock-tabs{ min-width: 170px; } 
} 


<ul class="nav nav-tabs nav-justified" role="tablist"> 
     <li class="active"><a href="#tabs-first" role="tab" data-toggle="tab">FX</a></li> 
     <li><a class="stock-tabs" href="#tabs-second" role="tab" data-toggle="tab">US Rate Futures</a></li> 
     <li><a class="stock-tabs" href="#tabs-fourth" role="tab" data-toggle="tab">Global Equity Indices</a></li> 
     <li><a href="#tabs-fifth" role="tab" data-toggle="tab">Commodities</a></li> 
     <li><a href="#tabs-sixth" role="tab" data-toggle="tab">Volatility</a></li> 
     </ul>