我想在各列之间留一些空间,但是在它们之间添加边框后却没有得到。我该怎么做?
<div class="row">
<div class="col-md-4" style= "border:1px solid black">
<p>Stuff that fills this column</p>
</div>
<div class="col-md-4" style= "border:1px solid black">
<p>Stuff that fills this column</p>
</div>
<div class="col-md-4" style= "border:1px solid black">
<p>Stuff that fills this column</p>
</div>
</div>
最佳答案
请勿使用col-*-4
,而应使用col-*-3
,因为它不会覆盖整个宽度。另外,我添加了以下CSS:
.col-xs-3:not(:first-child) {
margin-left: 12%;
}
这是为此工作的小提琴:https://jsfiddle.net/6jyye76e/5/
关于twitter-bootstrap - 3带边框的列之间的间距,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42038555/