在引导程序中将列分成两部分3

我正在使用类“col-lg-9”的div，在该div内有两列，每列有一列“col-lg-6”。它工作良好，但问题是列之间没有空白。在引导程序中将列分成两部分3

要直观地看到事物，我在主列中添加了灰色背景。注意蓝色和粉色列之间没有空白。

请参见本PIC的问题：

代码：

<div class="main col-lg-9"> 
    <div class="col-lg-6"> 

    </div> 

    <div class="col-lg-6"> 

    </div> 
</div>

感谢，

2014-09-21 shadeed9

可能重复http://stackoverflow.com/questions/19010845/how-do-i-add-a-margin-between-bootstrap -columns-without-wrapping） – Antrikshy 2014-09-21 05:24:38

如果我误解了，我很抱歉，但是我标记为重复的问题应该有所帮助。这个答案建议填充内部内容：http://stackoverflow.com/a/19010988/2005759 – Antrikshy 2014-09-21 05:25:41

然而，你有不同的选择，我建议你从所有选项的基本内容开始，即：

<div class="main col-lg-9 myHalfCol"> 
    <div class="col-lg-6"> 

    </div> 

    <div class="col-lg-6"> 

    </div> 
</div>

现在您可以.myHalfCol不必担心影响其他.col-lg-6类

至于方法，你可以使用填充模式，把一切都如只是增加一些填充在两侧，像这样的：

.myHalfCol .col-lg-6{padding:0 10px;}

保证金模式： 在这里，你使用真正的利润，所以你需要采取宽度的照顾。

.myHalfCol .col-lg-6{width:48%; margin:0 1% /* or auto */;}

的[我如何添加自举列之间的保证金没有包装]（

2014-09-21 05:45:17 Devin

回答