2012-10-19 66 views
2

Bootstrap響應2 span6內部span12不是並排。任何想法?響應2 span6不能並排

http://jsfiddle.net/6TaQt/24/

<div class="MainDiv container-fluid" style="border:1px solid pink"> 
<div class="row-fluid"> 
    <div class="span12" style="border:1px solid green">  
    <div class="span6" style="border:1px solid red">Span A</div> 
    <div class="span6" style="border:1px solid red">Span B</div> 
    </div> 
</div></div> 
+1

什麼?什麼?什麼? – Kyle

+0

問題沒有意義,你有跨度6嵌套跨度12,所以你期望什麼? –

+2

您使用的佈局不正確(每個跨度嵌套需要一個行),但邊界是問題的根源:請檢查http://stackoverflow.com/q/11299089/1478467 – Sherbrow

回答

1

..... ... Live demo ................

Hi now用於display:inline-block;

因爲這樣

[class*="span"], .row-fluid [class*="span"]{ 
display:inline-block; 
    vertical-align:top; 
} 

Live demo

+0

這意味着我必須包含網格系統從bootstrap與bootstrap-responsive.css一起使用? – user1732217

0

使用浮動:左爲兩個span6類

一樣的:風格= 「邊界:1px的固體紅;浮動:左」