.container 跟.container-sm 和.container-md 和.container-xl有什么区别

`.container` 是 Bootstrap 中用于创建响应式容器的基本类，它会根据屏幕大小自动调整容器的宽度，使其适应不同的设备尺寸。`.container` 类的宽度是固定的，其最大宽度为 1140 像素，且在所有屏幕大小下都居中对齐。

`.container-sm`、`.container-md` 和 `.container-xl` 则是在原有 `.container` 的基础上，增加了针对不同屏幕大小的调整。分别对应小屏幕（576px 及以下）、中等屏幕（768px 及以上）和超大屏幕（1200px 及以上）。

这些类的主要作用是在不同屏幕大小下，自动调整容器的最大宽度和居中对齐的方式，以便更好地适应不同的设备。例如，`.container-sm` 类将容器的最大宽度设置为 540 像素，并在小屏幕下居中对齐，而`.container-xl` 类则将最大宽度设置为 1140 像素，并在超大屏幕下居中对齐。

总之，`.container` 是基础类，而 `.container-sm`、`.container-md` 和 `.container-xl` 则是在不同屏幕大小下，基于基础类进行的针对性调整。