3

ブートストラップを使用して、親要素の幅に均等に収まるようにタブの束を正当化しています。これは私にとって重要です。ただし、Bootstrap は小さいデバイスの場合、これらを自動的に折りたたんで幅を 100% にしますが、これは望ましくありません。この機能を無効にするにはどうすればよいですか? 簡単なコード:

<ul class="nav nav-tabs nav-justified">
    <li>Link</li>
    <li>Link</li>
    <li>Link</li>
</ul>
4

3 に答える 3

2

クラス col-xs-12 のコンテナーを追加できるため、非常に小さなディスプレイにスタックされます。結局のところ、すべてのディスプレイでスタックしないようにしたい場合は、メディアクエリを書くだけです.

メディア クエリについては、http: //getbootstrap.com/css/#gridを参照してください。

より多くのコードを共有していただければ、より具体的に回答できます。

于 2013-12-08T20:22:38.863 に答える
1

width:1% を追加して伸ばす必要があります

.nav-justified > li {
    display: table-cell; 
    width: 1%
}
于 2014-11-13T21:00:45.400 に答える