快速和响应切换组件的显示值和更多与我们的显示实用程序。包括对一些更常见值的支持,以及打印时控制显示的一些附加功能。
如何作用
使用响应式显示实用程序类更改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 属性
好像是给打印机用的,现在用不上,就不看了。