为了更快响应性开发，Bootstrap包含了几十个实用程序类，用于显示、隐藏、对齐和间隔内容。
1、改变 display
使用我们的显示实用程序来响应地切换display属性的常用值。将它与我们的网格系统、内容或组件混合，以在特定的视图中显示或隐藏它们。
2、Flexbox 选项
Bootstrap 4是用flexbox构建的，但并不是每个元素的显示都被更改为display: flex会添加许多不必要的覆盖，并意外地改变浏览器的关键行为。我们的大多数组件都是使用flexbox功能构建的。
如果需要向元素添加display: flex，可以使用.d-flex或响应变量之一(例如.d-sm-flex)。您将需要这个类或显示值，以允许使用额外的flexbox实用程序来调整大小、对齐、间距等。
3、Margin 和 padding
使用margin和padding spacing工具来控制元素和组件的间距和大小。Bootstrap 4包括一个基于$spacer变量1rem值的5级间隔工具。为所有视口选择值(例如，.mr-3为margin-right: 1rem)，或为目标特定视口选择响应变量(例如，.mr-md-3为margin-right: 1rem从md断点开始)。
4、切换visibility
当不需要切换显示时，您可以使用我们的可见实用程序切换元素的可见性。不可见的元素仍然会影响页面的布局，但在视觉上对访问者是隐藏的。
后记
如果你感觉文章不咋地
//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果你觉得该文章有一点点用处，可以给作者点个赞；\\*^o^*//
如果你想要和作者一起进步，可以微信扫描二维码，关注前端老L；~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！
