2012-02-13 5 views
1

私は全幅ページとしてspan-24 divを使用していますが、その中には他のspan-24があります。しかし、私はメインスパンの内側に2つのスパン-12を並置したいと思っています。私はこれを試みると、彼らはお互いの上に終わる。ここに私のコードです -blueprintcss、One Span-24の中に2つのSpan-12がありますか?

<div id="content" class="span-24"> 
    <div id="main" class="span-24" role="main"> 
     <div class="container"> 
    <div class = "span-24"> 
    <div id = "block_"><h2>Popular Posts</h2></div> 
    </div> 

    <div class = "span-12"> 

    <div id = "block_"><h2>Best Users</h2></div>  </div> 
    <div class = "span-12"> 
    <div id = "block_"><h2>Popular Forum Posts</h2></div>  </div> 
    </div> 
    </div><!-- /#main --> 
+0

を右マージンを削除するlastクラスをそれを与えるあなたがこれらのスタイルを定義し、あなたのCSSクラスを表示してください。 –

答えて

1

スパンをインラインブロックに設定します。二span-12

.span-12{ 
display:inline-block; 
} 
2

..も

<div class = "span-12 last"> 
+0

これはうまくいった!ありがとう。 :) – kitkat

+0

3つ以上の場合にこのメソッドを使用するにはどうすればよいですか? – kitkat

+0

@user、必要な列の数に関係なく、最後のものだけがそれを必要とします。たとえば、3つのスパンについては、 '.span-8'' .span-8'' .span-8 last'のように、コンテナに収まる適切な 'span-? 'を使用します。 –

関連する問題