Javascript 引导网格填充不工作

我使用引导网格系统来构建网站，我没有使用row类，但是div之间的填充不起作用

<div class="container"> 
    <div class="col-lg-4"></div> 
    <div class="col-lg-4"></div> 
    <div class="col-lg-4"></div> 
    <div class="col-lg-4"></div> 
</div>

---

有人能帮我吗？

在引导程序中，一行有12列。你有4*4=16，这是不对的

它基于12列布局，具有多个层，每个媒体查询范围对应一个层

因此，您应该将代码更改为：

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

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

---

请参阅文档。

首先—假设您想要一行—您需要将这些div分别更改为“3”或少一行—请记住12是引导网格的神奇数字

在.row中包含col也是为了控制两边的边距。填充在div内部，而不是在div之间，因此以下内容将为您提供一个包含3个div的行，这些div彼此相邻，形成一整行，并且每个div内部的左/右填充为15px：

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

.row类的任一侧都有一个-15px的边距，因此每个侧div都将与父容器div的边缘对齐。请记住，可以使用容器流体在整个视口中展开父div

总之，Bootstrap.col-*div之间没有填充，而是在内部填充。当然，除非您的CSS覆盖了它。

根据引导：

行是强制性的

每行有12列

如果正在使用16列，请将代码更改为：

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

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

给我们看一些代码。就像4个div，带高度的div，就是这样it@ArditAvdylaj请用一个完整的示例制作一个JSFIDLE，展示您看到的内容，并解释您希望看到的内容。您需要在问题描述中更加具体。编辑问题，添加代码，提供一个示例来演示您的问题。但是，请记住引导cols需要被

行

类div包围。为什么不使用

行

类<代码>列-*为