列的引导间距

时间:2018-04-19 09:07:26

标签: html css bootstrap-4

我正在尝试在我的引导列之间创建间距,但它似乎并没有自动执行。是否需要添加到列中的特定方式或类?

<div class="row row_padding">
 <div class="col-sm-4 text-center">
  <div class="col-sm-11">1</div>
 </div>
 <div class="col-sm-4 text-center">
  <div class="col-sm-11">2</div>
 </div>
 <div class="col-sm-4 text-center">
  <div class="col-sm-11">3</div>
 </div>
</div>

2 个答案:

答案 0 :(得分:1)

&#13;
&#13;
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
  <div class="row text-center bdr">
    <div class="col-xs-4 m-1 p-1 w-25 border border-secondary">#1</div>
    <div class="col-xs-4 w-25 m-1 p-1 border border-secondary">#2</div>
    <div class="col-xs-4 m-1 p-1 w-25 border border-secondary">#3</div>
  </div>
</div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

我认为col-md-offset或类似的类会对你有用。 : - )