设置容器的保证金

Question

嗨，我有一个容器。

.container-fluid太大，因为它占据了整个屏幕，看上去有点偏离，.container太小。

如何调整容器的尺寸。 我看到边距相当高，但是如果我尝试进行调整，则会影响我的重新调整大小。

更改容器大小的正确方法是什么？

谢谢

Answer 1

我认为您是说container对container-fluid是对网格做出响应与不做出响应之间的区别。 这是不正确的...说的是宽度不是固定的...它的全宽度！

这很难解释，所以让我们看一下例子

例子一

container-fluid ：

http://www.bootply.com/119981

因此，您将看到容器如何占据整个屏幕……这是一种容器流体。

现在，让我们看看另一个只是普通的容器，并观看预览的边缘

例子二

container ：

http://www.bootply.com/119982

现在您在示例中看到空白了吗？ 那是因为它是一个固定宽度的容器！ 在两个不同的选项卡中打开两个示例并来回切换可能更有意义。

Answer 2

只需在container-fluid元素中添加第二类即可。 随便命名课程。

<div class="container-fluid container-fluid-w1000"></div>

.container-fluid-w1000 {
  max-width: 1000px;
}

由于margin-left; auto和右边距都很高margin-left; auto margin-left; auto和margin-right: auto负责div元素的水平居中。

最佳做法是不修改引导程序基本类。 以后您可以节省很多时间。