2回答

好帮手慕码

2020-03-02

同学你好，不太懂同学怎么更改父级的宽度，因为父级宽度改变，col-等的占比是不会改变的。建议同学可以自己写一个演示代码，并在问答区进行提问测试，以便准确的帮助同学分析解决。

如果我回答帮到了你，欢迎采纳，祝学习愉快~

0

好帮手慕码

2020-03-02

同学你好，col1~col12是列的意思，不区分屏幕大小。根据就近原则，在查找不到其他屏幕宽设定的情况下，会按照col的布局去实现，一行12个。无论多大的屏幕，元素都是一行12个显示，但是这样是不友好的，如下：

所以添加了col-sm-,col-md-,col-lg-等，去适应不同的屏幕宽：

超小屏：

中屏：

只改变父容器containner是不可以的。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

0

halker游游

h 老师，是我问题没有描述清楚么，我明白col是在分列，可是col-,col-sm-这些的样式的width不都是百分比么，那不是只更改父容器containner就可以了么?比如大屏lg，从手机屏xs的containner宽度变成大屏lg的containner宽度，还是分12列，只是原来一张图占12列，现在只占两列，那就把col-12变成col1就可以了，何必要再增加col-lg-?

h020-03-02

共1条回复