HTML（引导）容器和行_Html_Twitter Bootstrap

HTML（引导）容器和行

html twitter-bootstrap

HTML（引导）容器和行,html,twitter-bootstrap,Html,Twitter Bootstrap,我只是想确定一些基本的HTML结构大多数HTML页面正文布局都以开头，当然它包含boostrap v4中的所有HTML，它包含行和列那里一切都很好，很容易我的问题是，我是否“正确”地将列和行放置在单独的容器中这就是我的意思： <body> <div class="container"> <div class="row"> <div class="col-md-12"> Some Content </div>

我只是想确定一些基本的HTML结构

大多数HTML页面正文布局都以

开头，当然它包含boostrap v4中的所有HTML，它包含行和列

那里一切都很好，很容易

我的问题是，我是否“正确”地将列和行放置在单独的容器中

这就是我的意思：

<body>

<div class="container">
 <div class="row">
  <div class="col-md-12">
    Some Content
  </div>
 </div>
</div>

<div class="container">
 <div class="row">
  <div class="col-md-12">
    Some Content
  </div>
 </div>
</div>

<div class="container">
 <div class="row">
  <div class="col-md-12">
    Some Content
  </div>
 </div>
</div>

</div><!-- end body -->


一些内容
一些内容
一些内容

我认为我的问题的答案是“没问题”，因为例如，如果您想要一个全页面宽度的div容器，那么您将为这些元素使用一个单独的容器

我只是想确定一下，谢谢

根据您的示例，如果内容必须在容器内，那么使用多个容器是多余的。使用单个容器，然后分隔行

这种方法在很大程度上取决于设计

整页宽度div，是的，单独的容器是正确的

注意：对于全宽

使用容器液体进行全宽填充，并移除填充物。容器流体类具有左填充：15px和右填充：15px

您可以将其移除以端到端覆盖div。您可以使用引导程序提供的pl-0和pr-0类将左填充和右填充分别设置为0。

但是如果您需要全幅彩色背景（例如），会发生什么情况？Henry，全幅彩色背景将需要单独的容器。但正如你们所知，容器从左到右都有间距，所以对于全宽，容器流体将是一个更好的选择。为了方便你们，我更新了我的答案。