Twitter bootstrap 在容器引导中嵌套容器
我很抱歉,对于bootstrap中的容器,要得到一个明确的答案有点困难。很明显,您不应该将Twitter bootstrap 在容器引导中嵌套容器,twitter-bootstrap,Twitter Bootstrap,我很抱歉,对于bootstrap中的容器,要得到一个明确的答案有点困难。很明显,您不应该将.container嵌套在.container fluid中,反之亦然,但是可以将.container嵌套在另一个.container中吗?我正在尝试创建一个布局,它有一个全宽的外部div和一个较小的内部div来容纳内容,一个盒子中有一个盒子。我不确定在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感谢您引用引导文档,因为它帮助了我很多。我得到了不想要的布局,因为我有容器内的容器。