html5 – Bootstrap：如何在列中添加垂直偏移量？

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

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

Refer fiddle

电流输出,

预期结果,

解决方法

您可以向该特定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>