Bootstrap布局知识点、自适应布局

Bootstrap布局知识点、栅格系统自适应布局

栅格布局基本的概念在这就不多介绍
1、Container和Container-fluid的区别

（1）Container：内容居中，左右两边为空
（2）Container-fluid：内容占满整个屏幕

2、col和col-auto的区别

col-auto：内容自适应填充：内容多长，就占多长
Col：默认填充占满整行

3、屏幕占比

（1）超小屏幕：col-     		< 576px
（2）小屏幕：col-sm			>576px
（3）中等屏幕：col-md			>=768px
（4）大屏幕：col-lg			>=992px	
（5）超大屏幕：col-xl			>=1200px

4、row

row指container的一行，每行理想状态包含12个col，这些col在不同屏幕大小
时行为不同，

其实关于bootstrap布局网上也有很多大神的文章，大家可以去参考，最后给大家一个bootstrap的官方网址吧。没事可以多去看看。

https://www.bootcss.com/