blueprintcss，两个 Span-12 放在一个 Span-24 中？

Question

我使用 span-24 div 作为全角页面，并且该页面内还有其他一些 span-24。但我想在主 span-24 内并排放置两个 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 -->

Answer 1

在第二个 span-12 上，还给它一个 last 类来删除右边距。

<div class = "span-12 last">

Answer 2

将 span 设置为内联块。

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