| BS3 | BS4 |
| visible-xs | d-block d-sm-none |
| visible-sm | d-none d-sm-block d-md-none |
| visible-md | d-none d-md-block d-lg-none |
| visible-lg | d-none d-lg-block d-xl-none |
| visible-xl | d-none d-xl-block |
| hidden-xs | d-none d-sm-bloc |
| hidden-sm | d-block d-sm-none d-md-block |
| hidden-md | d-block d-md-none d-lg-block |
| hidden-lg | d-block d-lg-none d-xl-block |
| hidden-xl | d-block d-xl-none |
| BS4 | |
| d-none d-sm-block | |
| d-none d-md-block | |
| d-none d-lg-block | |
| d-none d-xl-block | |
| d-none | |
| d-sm-none | |
| d-md-none | |
| d-lg-none | |
| d-xl-none |
使用 Bootstrap 4 顯示/隱藏 HTML 元素