在两个div之间添加空格

Question

我在HTML文件中定义了一个部分，其中两个div彼此相邻，如下所示：

<div class="container">
  <div class="row">
    <div class="col-sm-4">
    </div>
    <div class="col-sm-4">
    </div>
  </div>
</div>

如何在HTML文件中的两个水平div之间添加空格？

Answer 1

如果你想要空格两个div，你可以执行以下操作：

<强> HTML

<div class="container">
  <div class="row">
    <div class="col-sm-4">A</div>
    <div class="col-sm-4">B</div>
  </div>
</div>

<强> CSS

.col-sm-4 {
  margin: 0 5px;
}

Answer 2

从您的代码段看起来您正在使用bootstrap，如果是这种情况，那么您可以在bootstrap中的两个水平div之间添加空格，如下所示：

<div class="row">
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div>
</div>

其中：col-ms-offset- {value}。在div的左侧添加空格（如指定的那样）。你应该记住，所有div的大小，包括偏移量，必须在bootstrap网格系统中总和为12，如上例所示。