0

次の例では、一番下の最後の 2 つの段落が span5 ですが、その上の span 10 と一致せず、さらにその span10 より上の span5 とも一致しません。

http://jsfiddle.net/MgcDU/2959/

コードのスニペットを追加して、stackoverflow に投稿させてください (なんてバカなの....stackoverflow は、実際には jsfiddle コードをここに貼り付けなければならないというエラーを出します。

<div class="row-fluid">

どうすればこれを修正できますか？

ありがとう、ディーン

4

2 に答える 2

3

row-fluid を使用する場合、内容を合計して 12 にする必要があります。

http://twitter.github.com/bootstrap/scaffolding.html#fluidGridSystem

<div class="row-fluid">
  <div class="span12">
    Fluid 12
    <div class="row-fluid">
      <div class="span6">
        Fluid 6
        <div class="row-fluid">
          <div class="span6">Fluid 6</div>
          <div class="span6">Fluid 6</div>
        </div>
      </div>
      <div class="span6">Fluid 6</div>
    </div>
  </div>
</div>
于 2013-03-27T23:12:09.790 に答える
1

Twitterのブートストラップドキュメントから：

Fluid Grid では、ネストの使用方法が異なります。ネストされた列のレベルごとに、最大 12 列を追加する必要があります。これは、流体グリッドが幅の設定にピクセルではなくパーセンテージを使用するためです。

于 2013-03-27T23:16:34.283 に答える