Bootstrap关于盒子(盒模型)边距的设置

Bootstrap采用了CSS盒模型来布局和设计网页元素，盒子模型由四个部分组成：content、padding、border、margin。其中，margin用来设置元素与周围元素之间的空隙。

在Bootstrap中，可以通过以下类来设置元素的margin：

• m-：设置所有方向的margin为指定值，如m-3表示所有方向的margin为3个间距单位。
• mt-：设置上方向的margin为指定值，如mt-2表示上方向的margin为2个间距单位。
• mr-：设置右方向的margin为指定值，如mr-4表示右方向的margin为4个间距单位。
• mb-：设置下方向的margin为指定值，如mb-1表示下方向的margin为1个间距单位。
• ml-：设置左方向的margin为指定值，如ml-5表示左方向的margin为5个间距单位。
• mx-：设置左右方向的margin为指定值，如mx-auto表示左右方向的margin为自动居中。
• my-：设置上下方向的margin为指定值，如my-0表示上下方向的margin为0。

以上类还可以配合-auto来设置为自动居中，如mx-auto表示元素的左右margin为自动居中。