容器

定义

使用 container 类将元素宽度限制为当前屏幕断点，具体规则如下：

屏幕断点	CSS 属性
默认	width: 100%;
@media (min-width: --screen-sm)	max-width: --screen-sm;
@media (min-width: --screen-md)	max-width: --screen-sm;
@media (min-width: --screen-lg)	max-width: --screen-sm;
@media (min-width: --screen-xl)	max-width: --screen-sm;
@media (min-width: --screen-2xl)	max-width: --screen-sm;

提示

.container 还会为元素添加 margin-left: auto; margin-right: auto;，使得元素默认居中显示。

用法

.container