Bootstrap display属性

快速和响应切换组件的显示值和更多与我们的显示实用程序。包括对一些更常见值的支持,以及打印时控制显示的一些附加功能。

如何作用

使用响应式显示实用程序类更改display属性的值。我们故意只支持显示所有可能值的子集。类可以根据需要组合成各种效果。

注意:
显示应用于所有断点(从xs到xl)的实用程序类,其中没有断点缩写。
因此,类的命名使用以下格式:
.d - {value} 用于xs
.d-{breakpoint}-{value}用于sm、md、lg和xl。
其中值为:

  • none
  • inline
  • inline-block
  • block
  • table
  • table-cell
  • table-row
  • flex
  • inline-flex

可以通过更改$displays变量和重新编译SCSS来更改显示值。
媒体查询会对给定断点或更大的屏幕宽度产生影响。例如,.d-lg-none 设置了 display: none; 对于lg 和xl 都有作用。

例子

就像官网给的例子:
在这里插入图片描述

还有一个print 属性

好像是给打印机用的,现在用不上,就不看了。