Question

我敢肯定我遗漏了一些明显的东西，但是我不能添加右边距来分隔这些div元素，而不会导致第二个元素移到新行。

我有2行，其中4行是这种格式；

<div class="row">
    <div class="col-lg-6"></div>
    <div class="col-lg-6"></div>
</div>

我还没有将元素设置为block或inline

我想念一些东西。

Answer 1

让我们将div嵌套在col-lg-6中。像这样

    <div class="col-lg-6">  
      <div class="features-box wow fadeInLeft f-box-icon1 p-5">
       <div class="row">
        <div class="col-lg-3 features-box-icon">
          <i class="fas fa-video"></i>
        </div>
        <div class="col-lg-9">
          <h3>Picture & Video Tours</h3>
            <p>
              We will visit you with our equipment and create the tour that you want! A photo tour allows your customers to make their own way round your special place, we can add as many notes and information as you want. A video tour can be used to give a guided tour even with your own voiceover.
            </p>
        </div>
      </div>
      </div>

    </div>

然后为功能框类添加边距。另外，您将背景图片添加到选择器之前有什么意义？将此属性simpy添加到f-box-icon类是否更容易？

此外，您重复代码。 before选择器的代码在4个地方几乎相同。区别仅在于背景图像。

在网格中分离Bootstrap Div

1 个答案: