4

ブートストラップの span12 クラスが適用された div のセンタリングに関する別の質問に答えていましたが、解決策の一部は、span12 としてフロートをリセットすることと、他の span* クラスがフロートされることでした。

span12幅は100%、組み合わせた場合と組み合わせてrow-fluidいない1170px場合(および、さまざまな画面サイズでほとんどの領域を埋めるためのものであると思われる他のサイズ)

これは、ほとんどがスタンドアロンのグリッド アイテムであることを示唆しています。他のグリッド要素が横に浮かんでいるわけではありません。

本当に巨大なサイト (画面幅が 2560px など) の場合、他のグリッド要素を横に配置できるようにするかどうかを確認できましたが、行の最初の要素がかかるため、row-fluid を使用する場合、これはまったく機能しません。100%幅を使用するため、すべてのスペースを増やします。

しかし、個人的には、span12 グリッド要素を他のグリッド要素と一緒に使用できるような巨大な幅を使用するサイトは、あったとしても多くは見たことがありません。

では、ブートストラップは、span12 クラスをフロートする必要がある他のスタイリング メソッドを実装していますか? それとも、巨大なサイトの将来の使用を予想しているだけですか?

私は自分自身でブートストラップを使用しているので、他のスタイリング手法に必要な場合は、必要なときにフロートを削除してしまいたくありません。ブートストラップを使用すると、レイアウトが台無しになります。

編集

DontFeedTheCode が指摘しているように、これは Bootstrap 3 で対処されており、他のすべてのグリッド クラスはフロートされますが、12 番目のクラスはフロートされません。

2.3.2バージョンでは、[class*="span"]スタイルを設定するためのセレクターとして使用していたように見えるため、span12が誤って選択されます

4

1 に答える 1

2

ブートストラップは LESS で記述されているため、2.3.2 ではすべてのスパン クラスが.gridColumn()mixin を使用して生成されました。すべてのスパン クラスにはfloat:left;. これは、2500 などの大きなレイアウトには適していません。

于 2013-09-24T18:38:54.930 に答える