Twitter bootstrap 在容器引导中嵌套容器

Twitter bootstrap 在容器引导中嵌套容器,twitter-bootstrap,Twitter Bootstrap,我很抱歉,对于bootstrap中的容器,要得到一个明确的答案有点困难。很明显,您不应该将.container嵌套在.container fluid中,反之亦然,但是可以将.container嵌套在另一个.container中吗?我正在尝试创建一个布局,它有一个全宽的外部div和一个较小的内部div来容纳内容,一个盒子中有一个盒子。我不确定在bootstrap中执行此操作的正确方法是什么 是的,切勿将容器嵌套在另一个容器中 来自引导文档: 容器 引导需要一个包含元素来包装站点内容和 我们的网格系

我很抱歉,对于bootstrap中的容器,要得到一个明确的答案有点困难。很明显,您不应该将
.container
嵌套在
.container fluid
中,反之亦然,但是可以将
.container
嵌套在另一个
.container
中吗?我正在尝试创建一个布局,它有一个全宽的外部div和一个较小的内部div来容纳内容,一个盒子中有一个盒子。我不确定在bootstrap中执行此操作的正确方法是什么

是的,切勿将容器嵌套在另一个容器中

来自引导文档:

容器

引导需要一个包含元素来包装站点内容和 我们的网格系统。您可以从两个容器中选择一个用于 你的项目。注意,由于填充和其他原因,两个容器 它是可嵌套的

您可以将
.container
包装在具有100%宽度的自定义类
.outer container
中。当屏幕尺寸减小时,将宽度设置为接近75%,以显示内部容器的宽度较小

。外部容器{
背景:番茄;
宽度:100%;
}
.集装箱{
背景:浅蓝色;
}
@介质(最大宽度:1200px){
.集装箱{
宽度:75%;
}
}

我已经修好了
根据

注意,由于填充和其他原因,两个容器都不可嵌套


然而,在Bootstrap 3中,
navbar
内部有一个
.container
,同时它可以被一个更大的
.container
包围。因此,
.container
中有一个
.container
,这不是一个错误。要验证是否可以在这里查看页面源代码,请参阅引导文档:

对于引导4,可以嵌套容器

容器 容器是引导中最基本的布局元素,在使用默认网格系统时是必需的。从响应性、固定宽度容器(表示其最大宽度在每个断点处发生变化)或流体宽度(表示其始终100%宽)中进行选择

虽然容器可以嵌套,但大多数布局不需要嵌套容器。


引用:

。外部容器
是需要重写的引导类还是用户定义的类?它是用户定义的类。@ManojKumar感谢您引用引导文档,因为它帮助了我很多。我得到了不想要的布局,因为我有容器内的容器。