3

ブートストラップは 12 列のグリッド システムに基づいていると思いました。しかし、次のコード：

  <div class="container">
    <div class="row">
       <div class="example-box span4">Example Text</div>
       <div class="example-box span4">Example Text</div>
       <div class="example-box span4">Example Text</div>
    </div>
  </div>

常に最後の div を次の行に押し下げ、残りの 2 つを同じ行に保ちます。ここで何か不足していますか？最後のボックスの margin-right を削除してもうまくいかないようです。

4

3 に答える 3

4

example-boxクラスに、Bootstrap モデルの破損の原因となっているボックス モデル プロパティが含まれている可能性があります。これに対する最も可能性の高い解決策は、div次のように、カスタム CSS クラスを適用する内部要素を使用することです。

<div class="container">
   <div class="row">
      <div class="span4">
          <div class="example-box">Example Text</div>
      </div>
      <div class="span4">
          <div class="example-box">Example Text</div>
      </div>
      <div class="span4">
          <div class="example-box">Example Text</div>
      </div>
   </div>
</div>
于 2013-07-17T23:06:03.040 に答える
0

これらの span4 のいずれかにパディングまたはボーダーを追加すると、これが発生します。

于 2013-07-17T23:00:20.613 に答える
0

コードで css をリセットしていない可能性がありますか? これにより、最後の div が次の行にプッシュされる可能性があります。ちょっとした考え。

于 2013-07-17T23:08:10.577 に答える