0

次のユースケースがあります。
html div の 6 ブロックを描画し、使用可能なスペースで分割する必要があります。
以下の画像は、それがどのように想定されているかを示しています。このコードを見て、私のスパンの問題点を教えてください。 http://jsfiddle.net/DWZLE/ ありがとう
ここに画像の説明を入力

コードの開始方法は次のとおりです。

<div class="container" style="width: 68%;">
    <div class="row-fluid">

        <div class="span4">
            <div>
                <img src="http://trialx.com/curetalk/wp-content/blogs.dir/7/files/2011/05/diseases/Globus-3-small.gif" />
            </div>
            <h3><a href="http://www.google.com">We speak your language</a></h3>
            <p>
                text text text text text text text text text text text text text text text text text text text text 
                text text text text text text text text text text text text text text text text text text text text text 
            </p> 
        </div>...

更新 私はそれを2行に分割しましたが、今は壊れていますが、3行から2行に1行です。
そして、それは中心にありません。ここを参照してくださいhttp://jsfiddle.net/DWZLE/

4

2 に答える 2

1

あなたはそれをそのようにすることはできません。

ブーストラップでは、各行の最初の要素に margin-left がないため、他の要素に適合できるため、6 span4 を追加すると、4 つの要素 (2 行目の最初の要素) に margin- があります。左にすると、orher 要素がプッシュされます。

したがって、それぞれに 3 つの要素を含む 2 つの行を作成する必要があります。

于 2013-05-05T17:02:31.797 に答える
0

ドリップに賛成です。ファインは説明した。

うまくいくよ。

One Row. (Max span count 12)
<div class="row-fluid">
   <div class="span4">
      ...
   </div
   <div class="span4">
      ...
   </div
   <div class="span4">
      ...
   </div
</div>

Two Row
<div class="row-fluid">
   ...
</div>
于 2013-05-05T17:24:46.317 に答える