2

TBの最新リリースをダウンロードし、慣れ始めたところです。最初のテストとして、2列のページを作成したかったのですが、最初の列はコンテンツ領域の2/3になり、2番目の列は使用可能なスペースの残りの1/3を消費します。

ドキュメントに記載されているように、コンテンツ領域の幅は12列であると想定しています。これは、私のページのコンテンツ領域にある単純なコードスニペットです。

<div class="row">
    <div class="span4" style="border: 1px red solid;"></div>
    <div class="span8" style="border: 1px blue solid;"></div>
</div>

列幅の合計が12になると、（ドキュメントを読んで）予想どおりに列が並んでいるのではなく、列が互いに積み重ねられています。列幅の合計が12未満の場合、列は期待どおりに並べて積み重ねられます。

なぜこうなった？

[[編集]]

使用しているスパンクラスのTBcss定義を確認しました。彼らです：

.span4 {
    width: 370px;
}

.span8 {
    width: 770px;
}

私のディスプレイ（1366 x 768）は間違っているようです。

希望するレイアウト（2/3 1列目、1/3 2列目）になるように修正するにはどうすればよいですか？

4

2 に答える 2

0

それはあなたの要素が予想よりも大きいからです。正確には4ピクセル長くなっています（左右のボードごとに1ピクセル）。

于 2012-11-13T11:27:01.390 に答える
0

cssを編集して、本体/コンテナーの幅をより高い数値に変更しようとしましたか？

于 2012-11-13T11:29:50.817 に答える