Twitter bootstrap 使用引导程序3和4时，设置页面内容最大宽度的正确方法是什么？

这样做的原因是，当窗口太宽时，如果页面上的信息超出

1000px

的宽度，那么页面上的信息就会太松散

我能想到

body { max-width: 1000px }

但是，如果你可以有一个可以跨越整个宽度的页脚呢？那么如果页面的主要内容部分在里面呢

<div id="root">

</div>

或

---

结合Bootstrap3和4的样式规则，这是一种很好的方法吗

没有一个定义正确的方法。引导方法是使用

容器

（定义宽度）或

容器流体

（全宽度）。如果您想要的页面宽度不是

容器

，请定义一个自定义“包装器”类，并在其中使用容器流体

.wrapper {
   max-width: 1000px;
   margin: 0 auto;
}

<div class="wrapper">
  <div class="container-fluid">
  </div>
</div>
<footer></footer>

演示：

---

这实际上是一种定制方法，没有“合适的方法”

所以你的意思是我也可以使用

.container、.container fluid{max width:1000px}

？顺便说一句，

包装器应该类似于使用
main
或
root
容器你的意思是离开
容器，.container fluid
单独使用，不直接修改其样式？好的，我看到您使用了
.container custom
来设置
最大宽度
。。。同样，您不想直接修改
.container
和
.container fluid
不，直接修改类不是一个好主意，因为您可能希望在其他地方（如页眉或页脚）使用它们。
#root { max-width: 1000px }

main { max-width: 1000px }

.wrapper {
   max-width: 1000px;
   margin: 0 auto;
}

<div class="wrapper">
  <div class="container-fluid">
  </div>
</div>
<footer></footer>

@media (min-width: 1200px) {
    .container.container-custom {
        max-width: 1000px;
    }
}