2012/12/12

[BootStrap]ネスト構造

基本的に、BootStrapは、grid構造でコーディングしていくのですが、ネストしてコンテンツを作りたくなるときがあります。

そんな場合は、「Fluid nesting」を使って、実現します。

均等に3分割したい場合は、下のようになります。

<div class="container">
 <div class="row">
  <div class="span12">
   <div class="row-fluid">
    <div class="span4">
     ネスト1
    </div>
    <div class="span4">
     ネスト2
    </div>
    <div class="span4">
     ネスト3
    </div>
   </div>
  </div>
 </div>
</div>
基本的に、row-fluidをクラス名に持つ、divタグを作ればおk

これで、ネスト構造のコーディングも困らないぞと。

0 コメント:

コメントを投稿