Bootstrap是一种响应式的前端框架，适用于网站建设、网页设计、网站开发、小程序、独立站和跨境电商等领域，可以快速实现页面布局和样式设计，提高开发效率和用户体验。建议开发人员熟练掌握Bootstrap框架，结合自身需求和特点，灵活运用其中的组件和样式，打造出符合用户需求的高质量产品。

Bootstrap包含数十个用于显示、隐藏、对齐和间隔的实用工具，可加快移动设备与响应式界面的开发。

display块属性定义

我们可以方便的调用 display 属性的定义，与系统的栅格系统结合，来决定模块是否显示，甚至进一步属性如 .display-* ，其中*是可以1-12的任意数字。

Flexbox 选项

Bootstrap 4 基于flexbox流式布局,大多数组件都支持flex流式布局定义， 但不是所有元素的 display 都是默认就启用 display: flex 属性的(如果那样会增加很多不必要的DIV层叠，并会影响到浏览器渲染)。

如果您需要添加display: flex到DIV元素中，请使用.d-flex、或其中一个响应变体（如.d-sm-flex）就有启用。您将需要此类或display值，以允许使用我们的额外的flexbox实用程序来调整大小，对齐，间距等

Margin 和 padding间隙定义