关于grid的问题

来源:3-2 第一个展示型组件 - 价格列表

ywang04

2019-06-24

http://img.mukewang.com/szimg/5d10b3db0001491e08400920.jpg

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

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

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

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

谢谢!


写回答

1回答

张轩

2019-06-26

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

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

0
3
ywang04
回复
张轩
好的,谢谢老师确认!继续后面学习:)
2019-06-29
共3条回复

React16组件化+测试+全流程 实战在线账本项目

轻松上手,从设计图到上线,精通组件化思维和组件测试

713 学习 · 177 问题

查看课程