Question

我试图在BS3模态体中并排放置两个div。

我将左右div设置为宽度分别为70％，30％。

但正确的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><div id="right_div">

它会起作用。换行符可能会破坏CSS规则并在两个div之间增加一个小间隙，这会导致正确的div下降。

JSFiddle

Answer 2

如果你对66.66％和33.33％（而不是70/30）没问题，你可以使用class="col-xs-8"和col-xs-4。这解决了问题并完全避免了自定义css。

bootstrap3模式中的两个列div

2 个答案: