为什么容器流体在右侧留下空白区域答案

【问题标题】：Why container-fluid is leaving blank space on right side为什么容器流体在右侧留下空白区域
【发布时间】：2022-01-21 15:20:51
【问题描述】：

当我使用容器流体时，它会在我的网页右侧留下一些空间。我对引导程序相当陌生，所以如果有人可以帮助我，将不胜感激。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<div class="container-fluid" style="border: solid 1px blue">
  <div class="row">
    <div class="col-6">
      1
    </div>
    <div class="col-6">
      2
    </div>
  </div>
</div>

【问题讨论】：

如果可能的话，您能否向我们展示更多代码，以便我们重新创建行为。

标签： javascript html css bootstrap-4 bootstrap-5

【解决方案1】：

您是否已将 Bootstrap 链接到您的主题/文件？
您确定没有导致正确空间的全局样式吗？

【讨论】：

感谢您提到导致问题的全局样式我对 CSS 很陌生，所以这就是为什么会犯愚蠢的错误。

【解决方案2】：

你没有提供足够的细节。无论如何，您的整个文档看起来有点偏左，因为我看不到左边框。如果您可以发送完整的代码，我可以更具体

【讨论】：

感谢您的回复。我有一个导致问题的外部 CSS 文件
不是答案，下次添加为评论。

【解决方案3】：

我认为您尚未将 Bootstrap 链接到您的文件。请检查并重试。就我而言，它运行良好。

【讨论】：

啊，我有一个链接到 HTML 的外部 CSS 文件，这就是发生这种情况的原因。很抱歉给大家带来麻烦，谢谢您的回复

【解决方案4】：

由于您的 div 中没有任何内容，因此“1”出现在第一个 div 的开头，“2”出现在第二个 div 的开头。这就是为什么您认为第二个 div 右侧有空格，但实际上内容是从每个子 div 的开头开始的。

【讨论】：