2012-02-13 11 views
1

我正在使用span-24 div作爲全寬頁面,並且我在其中還有一些span-24。但是我想在主跨-24內並排放置兩個跨度-12。當我嘗試這個時,他們最終會彼此相處。這是我的代碼 -blueprintcss,一個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 --> 
+0

請出示你定義這些樣式的CSS類。 – 2012-02-13 12:40:26

回答

1

將跨度設置爲內聯塊。

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

給它也是一個last類刪除右邊距..

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

這工作得很好!謝謝。 :) – kitkat 2012-02-13 13:03:06

+0

如果有3個或更多,我該如何使用這種方法? – kitkat 2012-02-13 13:12:20

+0

@user,無論您需要的列數是多少,只有最後一個人需要它。如果你使用適合容器的適當'span-?',例如你可以在你的案例中使用3個跨度'.span-8''.span-8'' .span-8 last', – 2012-02-13 14:26:08