1、container 是最常用的布局容器，特点是宽度随屏幕尺寸动态变化，并始终保持水平居中，避免内容因屏幕过宽影响阅读体验。

特点：1.内置间距：自动留白，避免内容贴边

           2.响应式变体

代码演示：

<div class="container" style="background-color:blanchedalmond;height: 300px;">
			 container 是最常用的布局容器，特点是宽度随屏幕尺寸动态变化，并始终保持水平居中，避免内容因屏幕过宽影响阅读体验。
		 </div>

结果演示：

2、container-fluid 是全屏布局的解决方案，特点是宽度始终为 100%，直接撑满整个视口（viewport），不随屏幕尺寸变化。

特点：1.宽度固定为100%

           2.内置内边距

代码演示：

<div class="container-fluid" style="background-color:blanchedalmond;height: 300px;">
		 			container-fluid 是全屏布局的解决方案，特点是宽度始终为 100%，直接撑满整个视口（viewport），不随屏幕尺寸变化。
		 </div>

结果演示：