Css HTML5和Bootstrap-两边还有空间吗？

我是网络开发领域的新手。所以，请不要介意这是否是一个非常愚蠢的问题，但我在为自由代码营做一个项目，我遇到了这个问题，我就是无法摆脱左右两边的空格。 这是我正在编码的笔：

像素显影剂
创建像素完美网络解决方案的地方。。。

请告诉我如何解决这个问题。

---

谢谢

从第一个

div

中移除

容器流体

等级：

<div class="container-fluid">

…因此它变成：

<div>

---

或者，您可以添加

边距：0-15px

到

#home

的css从第一个

div

中删除

容器流体

类：

<div class="container-fluid">

…因此它变成：

<div>

---

或者，您可以添加

边距：0-15px

到

#home

的css中，您的主页应该添加此css:

margin:0 auto
宽度：100%

“auto”一词告诉浏览器无论屏幕有多宽，都要保持主页居中。宽度100%告诉浏览器图像从一侧到另一侧横跨屏幕。这应该可以消除任何侧边间隙。确保您的代码没有任何现有的边距或填充。如果是这样，请将其设置为零。

您的主页应添加此css:

margin:0 auto
宽度：100%

“auto”一词告诉浏览器无论屏幕有多宽，都要保持主页居中。宽度100%告诉浏览器图像从一侧到另一侧横跨屏幕。这应该可以消除任何侧边间隙。确保您的代码没有任何现有的边距或填充。如果是这样，请将其设置为零。

如果不查看CSS，很难判断，但我猜您需要将

正文的左右边距或填充设置为0。我刚刚意识到我可以将笔的视图更改为编辑视图。
容器液体的左右
填充
是导致您出现问题的原因。如果您将这些设置为0，您将获得我认为您想要的效果。@kst这会干扰引导的容器行为，这会带来麻烦。将第一个
容器流体
全部移除，或修改
#home
的css。请看下面我的答案。最近“web开发”这个词太容易被抛来抛去。不看CSS很难判断，但我猜您需要将
body
的左右边距或填充设置为0。我刚刚意识到我可以将笔的视图更改为“编辑视图”。
容器液体的左右
填充
是导致您出现问题的原因。如果您将这些设置为0，您将获得我认为您想要的效果。@kst这会干扰引导的容器行为，这会带来麻烦。将第一个
容器流体
全部移除，或修改
#home
的css。请看下面我的答案。现在“web开发”这个词太容易被抛来抛去。这实际上是一个很好的解决方案。。。而不会弄乱引导标记。即使我的问题已通过将.container流体的填充设置为0得到解决，我仍将尝试此操作。谢谢不客气。我已经看到了您更新的代码笔和您引入的规则：
.container fluid{padding:0；}
。根据经验，您永远不应该修改框架类-这样的更改将在以后造成不必要的麻烦（并且是框架本身的不好使用）。这实际上是一个非常好的解决方案。。。而不会弄乱引导标记。即使我的问题已通过将.container流体的填充设置为0得到解决，我仍将尝试此操作。谢谢不客气。我已经看到了您更新的代码笔和您引入的规则：
.container fluid{padding:0；}
。根据经验，您永远不应该修改框架类——这样的更改将在以后引起不必要的麻烦（并且是框架本身的不当使用）。