我想在各列之间留一些空间,但是在它们之间添加边框后却没有得到。我该怎么做?

<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/

10-12 12:46
查看更多