bootstrap3 modal中的兩列div

Question

我試圖將兩個div並排放置在BS3模態體中。

我設置寬度分別爲70％，30％的左右div。

但是正確的div移動到下一行。

因此，我將左側div寬度減少到69％，並且工作。 http://jsfiddle.net/t2NcN/5/

有人能告訴我爲什麼70％失敗？ http://jsfiddle.net/t2NcN/6/ 非常感謝。

.modal-dialog{ 
    width:90%; 

    } 
#wrap{ 
    padding:0; 
    margin:0; 
    width:100%; 
} 
#left_div{ 
    width:70%; 
    display:inline-block; 
} 
#right_div{ 
    width:30%; 
    display:inline-block;  
} 

Answer 1

第一個div的結束標記和第二的開始標記之間刪除空格：

</div><div id="right_div">

，它會工作。換行符可能違反了CSS規則，並在兩個div之間增加了一個小差距，導致正確的div下降。

JSFiddle

Answer 2

如果你確定有66.66％和33.33％（相對於70/30），你可以只使用class="col-xs-8"和col-xs-4。這解決了這個問題，並完全避免了自定義CSS。