引导列网格：边距问题答案

【问题标题】：Bootstrap column grid: Margin issues引导列网格：边距问题
【发布时间】：2020-01-09 15:49:20
【问题描述】：

在将page.aspx 拆分为 4 个columns 时，我注意到first 和fourth columns 有几个blank 空格（分别在left 和right 一侧），因此缩小second 和third 列的width。

知道如何在first 和fourth columns 中消除这种默认的margin 问题，以便在整个page.aspx 上获得正确均衡的列将不胜感激。

为了更好地说明这个问题，我编写了以下代码：

<link rel=stylesheet href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<div>
  <nav class="navbar">
    <div class="img">
      <img src="...">
    </div>
    <div class="img">
      <img src="...">
    </div>
  </nav>
</div>

<div class="container">
  <div class="row">
    <div class="col-md-3" style="font-size:16px">
    </div>
    <div class="col-md-3 border-left">
    </div>
    <div class="col-md-3 border-left">
    </div>
    <div class="col-md-3 border-left">
    </div>
  </div>
</div>

【问题讨论】：

该代码没有说明问题。
见container-fluid
@Quentin：可能它没有......，但凭经验运行它说明了我试图找出原因的意外和观察到的保证金问题。谢谢。

标签： html css bootstrap-grid

【解决方案1】：

那是因为你使用的容器，你想要的是container-fluid，它没有边距没有填充，没有什么哈哈。

container 给每个 div 一个指定的固定宽度，这就是空格背后的原因

您可以在此处查看文档：documentation

【讨论】：

非常感谢 h0merr，我非常感谢您的解释。干杯。