2

あなたがそうするなら、わかりました：

<div class="row-fluid">
   <div class="span6"></div><!--span6 END-->
    <div class="span6"></div><!--span6 END-->


   </div><!--row END-->

2 つの赤いボックスが両方とも画面の 50% を占めている画像..しかし、これを行うたびに、span6 には互いの間にマージンがあり、その上の行があります...マージンがないようにするにはどうすればよいですか?スパンの上または間..上と横に触れてほしい。

4

2 に答える 2

2

おそらくすべての要素をオーバーライドしたくないので.span6、次のことをお勧めします。

<div class="row-fluid">
    <div class="span6" style="margin: 0px; background-color: red; width: 50%;">foo</div><!--span6 END-->
    <div class="span6" style="margin: 0px; background-color: blue; width: 50%;">bar</div><!--span6 END-->
</div><!--row END-->

JSFiddle

編集：

.row-fluiduseswidth: 100%と.row-fluid .span6usesとしてwidth: 48.93617021276595%;、これらの div の幅も変更する必要があります。更新されたコードとフィドルを参照してください。

于 2013-05-12T11:08:14.167 に答える