1

Fluid ボックスにすべてのコンテンツを入れたいです。これは私が今得るものです：

そして、これは私が探しているものです:

Twitterのブートストラップを使用しています。

私のレイアウトが示すように、これがjsfiddleです：

http://jsfiddle.net/jUQEc/

現在の HTML マークアップ:

<div class="container-narrow">

      <h4 class="title">Featured Companies</h4>

      <div class="row-fluid" id="container" class="js-masonry" data-masonry-options='{ "columnWidth": 200, "itemSelector": ".item" }'>
        <div class="span6 item">
          <h4 class="title">Company Details</h4>
          <div class="box">
            test
          </div>
        </div>
        <div class="span3 item">
          <h4 class="title">Company News</h4>
          <div class="box">
            test<br>test<br>testtest<br>test<br>testtest<br>test<br>testtest<br>test<br>test
          </div>
        </div>
        <div class="span3 item">
          <h4 class="title">Company News</h4>
          <div class="box">
            test<br>test<br>testtest<br>test<br>testtest<br>test<br>testtest<br>test<br>test
          </div>
        </div>

        <div class="span4 item">
          <h4 class="title">Company News</h4>
          <div class="box">
            test<br>test<br>test
          </div>
        </div>

      </div>

    </div>

ありがとう。

4

1 に答える 1

0

3 番目のボックスに幅を設定してから、右にフロートする必要があります。収まれば、忍び寄って探しているスペースを埋めてくれます。おそらく、フロートがどのように機能するかをブラッシュアップし、これがブートストラップの div にどのように適用されるかを確認する必要があります。お役に立てれば！

于 2013-06-24T23:47:39.593 に答える