Bootstrap 4 在Bootstrap4中,始终使用行是最佳实践吗?
所以我和另一个开发者有分歧,我转向互联网 在bootstrap4中,即使一行包含一列,也始终将内容包装在一行和一列中的容器中,这是最佳实践吗 这些例子中哪一个是更好的实践Bootstrap 4 在Bootstrap4中,始终使用行是最佳实践吗?,bootstrap-4,Bootstrap 4,所以我和另一个开发者有分歧,我转向互联网 在bootstrap4中,即使一行包含一列,也始终将内容包装在一行和一列中的容器中,这是最佳实践吗 这些例子中哪一个是更好的实践 用行和列 如果您不想在容器后面或里面添加行,没关系;然后,您不应该再添加列,因为每列都有15px填充,并且该填充会在具有负-15px边距的行上抵消 根据bootstrap 行是列的包装器。每列都有水平填充(称为边沟),用于控制它们之间的空间。然后在具有负边距的行上抵消此填充。这样,列中的所有内容都会在视觉上沿左侧向下对齐
如果您不想在
容器后面或里面添加行
,
没关系;然后,您不应该再添加列
,因为每列都有15px
填充,并且该填充会在具有负-15px
边距的行上抵消
根据bootstrap
行是列的包装器。每列都有水平填充(称为边沟),用于控制它们之间的空间。然后在具有负边距的行上抵消此填充。这样,列中的所有内容都会在视觉上沿左侧向下对齐
最后,如果您的设计基于引导网格,那么您应该遵循1。行和列标记,如果您的计划是详细的,并且没有遵循引导网格,那么您可以遵循2。标记
请记住,您可以在同一项目中使用这两个标记。没有犯人 如果您不想在
容器之后或容器内部添加行
,
没关系;然后,您不应该再添加列
,因为每列都有15px
填充,并且该填充会在具有负-15px
边距的行上抵消
根据bootstrap
行是列的包装器。每列都有水平填充(称为边沟),用于控制它们之间的空间。然后在具有负边距的行上抵消此填充。这样,列中的所有内容都会在视觉上沿左侧向下对齐
最后,如果您的设计基于引导网格,那么您应该遵循1。行和列标记,如果您的计划是详细的,并且没有遵循引导网格,那么您可以遵循2。标记
请记住,您可以在同一项目中使用这两个标记。没有犯人 作为一种实践,我使用1(带行和列-*),我也不记得在bootstrap文档中也看到类似2的东西。我会选择1,但这对我来说更多的是一种选择,而不是最佳实践。作为一种实践,我使用1(带行和列-*),我也不记得在bootstrap doc中也看到过类似2的东西。我会选择1,但这对我来说更多的是一种选择,而不是最佳实践。基本上,这一点以前已经得到了回答: 简短回答:
容器
可用于直接包含内容和/或行和列的网格系统。行
仅用于包含列。因此,如果不需要多列布局,就没有理由使用网格
当然,这个问题是主观的,但我倾向于将#2作为更好的实践,因为它可以用更少的标记获得相同的结果。基本上这一点以前已经得到了回答: 简短回答:
容器
可用于直接包含内容和/或行和列的网格系统。行
仅用于包含列。因此,如果不需要多列布局,就没有理由使用网格
当然,这个问题是主观的,但我倾向于将#2作为更好的实践,因为它以较少的标记实现相同的结果
<div class="container">
<-- other rows -->
<div class="row">
<div class="col">
<div><!-- content --></div>
</div>
</div>
<-- other rows -->
</div>
<div class="container">
<-- other rows -->
<div><!-- content --></div>
<-- other rows -->
</div>