Bootstarp 4 入门之Display 属性

Display

  • .d-{value}
  • .d-{breakpoint}-{value}为sm,md,lg,和xl。

其中value

  • none
  • inline
  • inline-block
  • block
  • table
  • table-cell
  • table-row
  • flex
  • inline-flex
屏幕尺寸
隐藏在所有 .d-none
仅在xs上隐藏 .d-none .d-sm-block
仅在sm上隐藏 .d-sm-none .d-md-block
仅在md上隐藏 .d-md-none .d-lg-block
仅在LG隐藏 .d-lg-none .d-xl-block
仅在xl上隐藏 .d-xl-none
所有人可见 .d-block
仅在xs上可见 .d-block .d-sm-none
仅在sm上可见 .d-none .d-sm-block .d-md-none
仅在md上可见 .d-none .d-md-block .d-lg-none
仅在LG上可见 .d-none .d-lg-block .d-xl-none
仅在xl上可见 .d-none .d-xl-block

打印设置

  • .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-flex
  • .d-print-inline-flex

评论区 (0)

没有记录
支持 markdown,图片截图粘贴拖拽都可以自动上传。