关于grid的问题

Question

老师， 如上图所示你使用了grid 将list item分成1， 5， 2， 2，1， 1等份。但是我看bootstrap grid的这块介绍 外层都需要一个

来包裹，但是你并没有使用。我的问题是:

1. class="row" 是可以省略的吗?

2. 既然已经使用了grid， 为什么还需要justify-content-center?

谢谢！

Answer 1

张轩 2019-06-26 10:32:07

同学 你写的很认真 点赞 我的外层使用了 d-flex 这个类和 row 几乎是相同的效果，不过加上 row 是最好的做法，所以我觉得加上最好，谢谢你的指正。

justify-content-center 是 d-flex 下的类，实现 justify-content: center 的css 属性效果,文档在这里 https://getbootstrap.com/docs/4.3/utilities/flex/

• 提问者 ywang04 #1

  老师 谢谢你的回复。关于class="row"这块 我没有问题了。第二个问题 本来是想问justify-content-between的 结果写成了“justify-content-center” 你提供的文档我已经看过了。我的问题是在视频里你已经用到了grid做好了分割， 继续使用justify-content-between的意义似乎不大？因为我即便不写这个class，出来的样式也没多大差异。这个可否麻烦再解释下呢？谢谢！

• 张轩 回复 提问者 ywang04 #2

  同学你好 第二个问题 justify-content-between 确实意义不大，我当时是从https://getbootstrap.com/docs/4.3/components/list-group/#with-badges 照抄过来了，现在看来可以删去，谢谢你的指正

• 提问者 ywang04 回复 张轩 #3

  好的，谢谢老师确认！继续后面学习:)