Twitter bootstrap 没有行的引导容器与有行的引导容器只有一列,宽度为100%

Twitter bootstrap 没有行的引导容器与有行的引导容器只有一列,宽度为100%,twitter-bootstrap,bootstrap-4,Twitter Bootstrap,Bootstrap 4,在某些情况下,容器只有一行,该行只有一列-100%宽度。有3个用例: 用例1 <div class="container"> <div class="row"> <div class="col"> <div> Child </div> </div> </div> </

在某些情况下,容器只有一行,该行只有一列-100%宽度。有3个用例:

  • 用例1

    <div class="container">
        <div class="row">
            <div class="col">
                  <div> Child </div>
             </div>
         </div>
    </div>
    
    
    小孩
    
  • 用例2(仅使用行)-我在引导示例模板中看到了这一点

    <div class="container">
        <div class="row">              
            <div> Child </div>               
         </div>
    </div>
    
    
    小孩
    
  • 用例3(无行)

    
    小孩
    

用例2对我来说似乎无效,因为行div中没有使用列。我应该使用用例3而不是用例1吗?有什么想法吗?

示例1和示例3-完全取决于您的需求

对于仅1列,示例1和3都有意义

但是,您可以使用示例1,以防将来需要放置新元素,这样就不需要再次添加带有行和列的div。(根据我的经验)


正如您所建议的,示例2没有任何用处,因为它实际上接触到了屏幕的左边缘,看起来肯定不太好。

谢谢。向上投票。在批准您的答案之前,我会看看是否还有其他答案。您的问题也有道理,它实际上是启动引导网格之前需要理解的东西。赞成票:)
<div class="container">
    <div> Child </div>               
</div>