0

すべて、私はBootstrapのオタクです。Bootstrapドキュメントを読んだ後、jsfiddleでいくつかの実験を開始します。私がこれまでにやったことは

<div class="row">
  <div class="span9">
    Level 1 column
    <div class="row">
      <div class="span6">Level 2</div>
      <div class="span3">Level 2</div>
    </div>
  </div>
</div>

jsfiddleリンクは次のとおりです：http：//jsfiddle.net/malaikuangren/qNsAG/4/show/。

それを確認するのを手伝ってください。私はそれを正しい方法で得られなかったようです。正しい結果は下の写真のようなものだからです。私は何かを逃したかどうかわかりません。誰かが私を助けてくれませんか？ありがとう。 ここに画像の説明を入力してください

4

2 に答える 2

2

これがあなたが探しているものだと思います：

http://jsfiddle.net/AxMg3/

<div class="container">
    <div class="row show-grid">
        <div class="span9">
            Level 1 column
            <div class="row show-grid">
                <div class="span6">Level 2</div>
                <div class="span3">Level 2</div>
            </div>
        </div>
    </div>
</div>

Bootstrapからdocs.cssへのリンクを追加しました。これにより、探していたスタイルがわかります。

また、コードの周りにコンテナのクラスを含むdivを追加し、.show-gridクラスで行に追加しました。

于 2013-03-04T09:59:12.227 に答える
1

ブートストラップでは、単一行のサイズは12に制限されています。span6+ span3を追加すると、列サイズが6と3になるため、この行のサイズは9になり、残りの列は3つになります。スパンとオフセットを参照してください。

于 2013-03-04T09:54:33.373 に答える