Bootstrap 4 在Bootstrap4中,始终使用行是最佳实践吗?

Bootstrap 4 在Bootstrap4中,始终使用行是最佳实践吗?,bootstrap-4,Bootstrap 4,所以我和另一个开发者有分歧,我转向互联网 在bootstrap4中,即使一行包含一列,也始终将内容包装在一行和一列中的容器中,这是最佳实践吗 这些例子中哪一个是更好的实践 用行和列 如果您不想在容器后面或里面添加行,没关系;然后,您不应该再添加列,因为每列都有15px填充,并且该填充会在具有负-15px边距的行上抵消 根据bootstrap 行是列的包装器。每列都有水平填充(称为边沟),用于控制它们之间的空间。然后在具有负边距的行上抵消此填充。这样,列中的所有内容都会在视觉上沿左侧向下对齐

所以我和另一个开发者有分歧,我转向互联网

在bootstrap4中,即使一行包含一列,也始终将内容包装在一行和一列中的容器中,这是最佳实践吗

这些例子中哪一个是更好的实践

  • 用行和列
  • 
    

  • 如果您不想在
    容器后面或里面添加
    没关系;然后,您不应该再添加
    ,因为每列都有
    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>