css 对于Bootstrap 4研究中心,我是否应该在主体或主水平添加容器液体

vuv7lop3  于 2022-11-26  发布在  Bootstrap
关注(0)|答案(2)|浏览(125)

对于Bootstrap 4研究中心,我是否应该在主体或主水平添加容器液体

<html>
<head></head>
<body class= "container-fluid">
<header></header>
<main></main>
<footer></footer>
</body>
</html>

<html>
<head></head>
<body>
<header></header>
<main class= "container-fluid"></main>
<footer></footer>
</body>
</html>

还有什么比这更平常的呢?
在第二种情况下,是否通常每个部分都有一个容器,即

<html>
<head></head>
<body>
<header class= "container-fluid"></header>
<main class= "container-fluid"></main>
<footer class= "container-fluid"></footer>
</body>
</html>
gzszwxb4

gzszwxb41#

**第一:**在我看来容器是一个东西,什么是子主体部分,可以在页面上多次出现。顺便说一句,我看不出使用页眉,主体和页脚块的好处。但在你的情况下,我会这样做:

<html>
<head></head>
<body>
<header></header>
<main>
    <div class="container-fluid"></div>
    <div class="container-fluid"></div>
</main>
<footer></footer>
</body>
</html>

一些css框架有一些元素header,main,footer的样式。在这种情况下,你应该检查这些元素。

第二:我不认为这是个好主意。至少< head > 不能有样式。其他元素,如header,main和footer通常和div一样工作,所以你可以给它们添加类。

nbnkbykc

nbnkbykc2#

我认为W3Schools对此有一个非常明确的定义:

  • 引导程序需要包含元素来 Package 站点内容。*

它说site,一个完整的网站,因为这些类(containercontainer-fluid)提供了包含和调整整个网站文档的工具,每当你使用Bootstrap CSS框架时,你都可以将整个网站放在这个元素中。
有两个容器类可供选择:

  1. .container类提供了一个响应固定宽度的容器
  2. .container-fluid类提供了一个全宽容器,跨越视口的整个宽度

相关问题