Bootstrap的类container与类container-fluid有什么区别?

阅读本文前建议先阅读下面两篇博文:
怎么样通过Bootstrap已经编译好(压缩好)的源码去查看符合阅读习惯的源码【通过Source Map(源映射)文件实现】
在CSS中,盒模型中的padding、border、margin是什么意思?

以下是Bootstrap的类 container 的盒模型实例:
在这里插入图片描述
测试代码百度网盘下载链接:
https://pan.baidu.com/s/1nlr8V0ZxIdA2OYBpZPabEA?pwd=ljwq

以下是Bootstrap的类 container-fluid 的盒模型实例:
在这里插入图片描述
测试代码百度网盘下载链接:
https://pan.baidu.com/s/1TXO42BfdHxcqeNBGwjRWtg?pwd=s5jd

从上面的盒模型来看,二者的主要区别就在于在类container中,外边距(Margin)是指定了值的,而在类container-fluid中,外边距(Margin)是没有指定值的。

猜你喜欢

转载自blog.csdn.net/wenhao_ir/article/details/132481268