Bootstrap:如何在列中添加垂直偏移量？

Question

Bootstrap提供了一个col-sm-offset-*在列之间添加空格的类.它在笔记本电脑屏幕上工作正常,但是当我们将屏幕分辨率更改为移

在bootstrap lib中是否有任何类可以实现预期的结果.

参考小提琴

电流输出,

预期结果,

Answer 1

您可以向该特定 div 添加额外的类（任何名称）并使用给定的 css。

.custom{
  margin-bottom:10px;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
<div class="row">
  <div class="col-sm-2 col-sm-offset-1 custom" style="background-color:lavender;">col-1</div>
  <div class="col-sm-2 col-sm-offset-1 custom" style="background-color:lavenderblush;">col-2</div>
  <div class="col-sm-2 col-sm-offset-1 custom" style="background-color:lavender;">col-3</div>
  <div class="col-sm-2 col-sm-offset-1 custom" style="background-color:lavenderblush;">col-4</div>
</div>
</div>