无涯教程网

Css 多个和或嵌套的 bootstrap 容器

发布于10月20日

我的understanding条是所有Bootstrap样式的元素必须存在于<div class="container">元素中.但有时我会看到有多个"容器"的Bootstrap示例:

<div class="container">
    <!-- Blah, GUI stuff, blah -->
</div>

...

<div class="container">
    <!-- Blah, more GUI stuff, blah -->
</div>

我的问题是:

什么时候需要具有多个"容器div"的单个HTML页面呢？与仅仅将整个身体放在一个大的"容器div"中相比，这样做有什么好处呢？
您是否希望将"container div"嵌套在其他容器中？什么时候/为什么？

推荐答案

页面的某些部分将覆盖整个视口宽度，而其他部分则不会.有些背景将是整个宽度，但内容不会.

这方面的一个例子是featurette区域，其背景图像或 colored颜色为视口的全宽，但其中的内容、形式或其他内容在任何给定的视口宽度下都不会超过.container.
你不会筑巢.container或.container-fluid--请看docs.这不是必须的.

docs:bootstrap需要包含元素来包装站点内容安置我们的电网系统.您可以从两个容器中 Select 一个使用在你的项目中.请注意，由于填充等原因，无论是容器是可嵌套的[这两种情况都不意味着.tainer和.tainer-Fluid不能嵌套].

Css相关问答推荐

在菜单中最后一项之后排除MUI分隔符

下一个js app样式刷新页面后不工作页面

为什么我的Angular material css文件不工作？

如何将CSS Paint API与Reaction一起使用

如何在页面顶部创建固定横幅，并在其下方设置滚动条？

如果 css 仅位于 razor 页面中的一页上，我是否仍应在 wwwroot 中写入或仅将其放在页面上？

尽管 URL 路径正确，但背景图像未显示

如何使用：has() 父 Select 器 Select 父元素的子元素，在父元素和子元素之间没有中间层的情况下？

将重复的线性渐变锚定到元素的顶部

.SVG 文件对象在锚标签下可点击

背景上带有文本的按钮的反转 colored颜色

在 SVG 元素上方添加标签而不移动 SVG 元素

用css重复表格边框

位置绝对混乱的 CSS Flexbox

将一行文本保留为单行 - 换行或不换行

如何动态生成用逗号分隔的类列表？

字体上的 Font-Awesome 错误 404

填充剩余的垂直空间 - 仅 CSS

以原始大小的 50% 显示图像

更改 html 列表中项目符号的 colored颜色？

实用课程推荐

相关教程推荐