1、添加响应式meta标签

2、添加bootstrap css文件

3、添加bootstrap需要的js文件

4、添加一个全屏的div标签

5、将div3等分,并配上不同的背景色

6、当屏幕宽度足够大时,是下图的效果

7、当屏幕宽度收缩时,是下图的效果

1、1.bootstrap可以使用col-md-数字,数字范围1-12,将屏幕等分
2.等分的屏幕会随着宽度的减少重新排版
1、添加响应式meta标签

2、添加bootstrap css文件

3、添加bootstrap需要的js文件

4、添加一个全屏的div标签

5、将div3等分,并配上不同的背景色

6、当屏幕宽度足够大时,是下图的效果

7、当屏幕宽度收缩时,是下图的效果

1、1.bootstrap可以使用col-md-数字,数字范围1-12,将屏幕等分
2.等分的屏幕会随着宽度的减少重新排版