We apologize that the translated content is not provided to this page.
前言
最近开发个项目，用久了Bootstrap v3和ThinkPHP5没啥感觉。
想尝试一下新版本开发：Bootstrap v4和ThinkPHP6
Bootstrap v4添加了对大显示器的支持，新增xl大小。
隐藏小于等于对应大小：
| Bootstrap v3 | Bootstrap v4 |
|---|---|
| hidden-xs（xs及以下） | d-none d-sm-block |
| hidden-sm hidden-xs（sm及以下） | d-none d-md-block |
| hidden-md hidden-sm ...（md及以下） | d-none d-lg-block |
| hidden-lg hidden-md ...（lg及以下） | d-none d-xl-block |
| 无（xl及以下） | d-none |
隐藏、显示等于对应大小：
| Bootstrap v3 | Bootstrap v4 |
|---|---|
| hidden-xs（xs） | d-none d-sm-block |
| hidden-sm（sm） | d-block d-sm-none d-md-block |
| hidden-md（md） | d-block d-md-none d-lg-block |
| hidden-lg（lg） | d-block d-lg-none d-xl-block |
| 无（xl） | d-block d-xl-none |
| 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 |
| 无（xl） | d-none d-xl-block |
隐藏大于对应大小：
| Bootstrap v3 | Bootstrap v4 |
|---|---|
| hidden-xs-up（xs及以上） | d-none |
| hidden-sm-up（sm及以上） | d-sm-none |
| hidden-md-up（md及以上） | d-md-none |
| hidden-lg-up（lg及以上） | d-lg-none |
| 无（xl及以上） | d-xl-none |
