これらの要素の位置を変更するための簡単な方法（つまり、全体的なハックではない）はありますか？

このフィドルで見たよう...これらの要素の位置を変更するための簡単な方法（つまり、全体的なハックではない）はありますか？

黒の背景に適切に配置されていない3つの列の4行があります。私は黒の背景の内側にそれらを再配置することができるようにしたい。これは、私が作っているウェブページ上でやっていることとほぼ同じです（つまり、正確なサイズが変わるかもしれません）。

position: absoluteまたはposition: relativeなどの方法を使用して、黒い背景に対してcolumsnを中央に配置する方法はありますか？など

幅を決定する便利スパンクラスと行の多くが付属しています

注意、あなたはフィドルに見るように、私はTwitterのbootstrap.cssを使用していますが（ここでのコードだが、それはおそらくに簡単ですフィドルを見てください。http://jsfiddle.net/mjmitche/xt4aQ/78/

<div class="span8"> 
    <div class="row"> 
    <div class="span2"> 

    </div> 
    <div class="span6"> 
     <div class="row"> 

     <div class="span2"> 
      <img src="http://dummyimage.com/48x48/fff/fff"/> 
     </div> 
     <div class="span2"> 
       <img src="http://dummyimage.com/48x48/fff/fff"/> 
     </div> 
     <div class="span2"> 
       <img src="http://dummyimage.com/48x48/fff/fff"/> 
     </div> 
     </div> 

     <div class="row"> 

     <div class="span2"> 
      <img src="http://dummyimage.com/48x48/fff/fff"/> 
     </div> 
     <div class="span2"> 
       <img src="http://dummyimage.com/48x48/fff/fff"/> 
     </div> 
     <div class="span2"> 
       <img src="http://dummyimage.com/48x48/fff/fff"/> 
     </div> 
     </div> 

     <div class="row"> 

     <div class="span2"> 
      <img src="http://dummyimage.com/48x48/fff/fff"/> 
     </div> 
     <div class="span2"> 
       <img src="http://dummyimage.com/48x48/fff/fff"/> 
     </div> 
     <div class="span2"> 
       <img src="http://dummyimage.com/48x48/fff/fff"/> 
     </div> 
     </div> 

     <div class="row"> 

     <div class="span2"> 
      <img src="http://dummyimage.com/48x48/fff/fff"/> 
     </div> 
     <div class="span2"> 
       <img src="http://dummyimage.com/48x48/fff/fff"/> 
     </div> 
     <div class="span2"> 
       <img src="http://dummyimage.com/48x48/fff/fff"/> 
     </div> 
     </div> 
    </div> 
    </div> 

</div>

出典

2011-12-28 Leahcim