Skip to content

Instantly share code, notes, and snippets.

@gijsbotje
Last active January 22, 2021 04:15
Show Gist options
  • Save gijsbotje/fbc0128543fb823353c1e267a2d77286 to your computer and use it in GitHub Desktop.
Save gijsbotje/fbc0128543fb823353c1e267a2d77286 to your computer and use it in GitHub Desktop.
bootstrap v4 migration table for hidden-* and visible-*
Old New
.hidden .d-none
.hidden-xs-up .d-none
.hidden-xs .d-none .d-sm-[value]
.visible-xs .d-sm-none
.visible-xs-block .d-block .d-sm-none
.visible-xs-inline .d-inline .d-sm-none
.visible-xs-inline-block .d-inline-block .d-sm-none
.hidden-xs-down .d-none .d-sm-[value]
.hidden-sm .d-sm-none .d-md-[value]
.hidden-sm-down .d-none .d-md-[value]
.hidden-sm-up .d-sm-[value]
.visible-sm-block .d-none .d-sm-block .d-md-none
.visible-sm-inline .d-none .d-sm-inline .d-md-none
.visible-sm-inline-block .d-none .d-sm-inline-block .d-md-none
.hidden-md .d-md-none .d-lg-[value]
.hidden-md-down .d-none .d-lg-[value]
.hidden-md-up .d-md-none
.visible-md-block .d-none .d-md-block .d-lg-none
.visible-md-inline .d-none .d-md-inline .d-lg-none
.visible-md-inline-block .d-none .d-md-inline-block .d-lg-none
.hidden-lg .d-lg-none .d-xl-[value]
.hidden-lg-down .d-none d-xl-[value]
.hidden-lg-up .d-lg-none
.visible-lg-block .d-none .d-lg-block .d-xl-none
.visible-lg-inline .d-none .d-lg-inline .d-xl-none
.visible-lg-inline-block .d-none .d-lg-inline-block .d-xl-none
.hidden-xl-down .d-none
.hidden-xl-up .d-xl-none
.hidden-print .d-print-none
.visible-print-block .d-print-block
.visible-print-inline .d-print-inline
.visible-print-inline-block .d-print-inline-block