Twitter bootstrap 没有行的引导容器与有行的引导容器只有一列,宽度为100%
在某些情况下,容器只有一行,该行只有一列-100%宽度。有3个用例: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> </
- 用例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>