Display显示属性

    使用我们的响应式 实用程序类更改显示属性的值。系统默认特意支持display所有可能值的一个子集。

    显示适用于从xs 到 xl,的所有 breakpoints的实用程序类，其中没有breakpoints缩写。 这是因为这些类是从 min-width: 0; 并且因此不受媒体查询的限制。 然而，其余的断点包含断点缩写。

    因此，这些类使用以下格式来命名：

    • .d-{value} 用于小屏幕适配（即手机适配）
    • inline
    • inline-block
    • block
    • table-cell
    • table-row
    • flex

    Display显示属性 - 图2

    隐藏元素只要使用 .d-none class或 .d-{sm,md,lg,xl}-none 的任何变量来支持响应式。

    如要在指定的屏幕上显示一个元素，则可以将一个.d--none class 样式与 .d--* class样式结合起来，如 .d-none.d-md-block.d-xl-none 将隐藏除了中型、大型设备以外的所有屏幕中的元素，。

    • .d-print-none
    • .d-print-inline
    • .d-print-inline-block
    • .d-print-block
    • .d-print-table
    • .d-print-table-row
    • .d-print-table-cell
    • .d-print-inline-flex
      印刷和显示课程可以合并。

    Display显示属性 - 图4