# 01.显示与隐藏
[toc]{type: "ol", level: [3]}
### 显示与隐藏
- 显示:block
> d-{lg,xl}-block
> 在lg,xl...设备上显示元素
- 隐藏:none
> d-{sm,md...}-none
> 在xs,sm,md...设备上隐藏元素
```html
<p class="d-none d-md-block d-xl-none">我只在md和lg屏幕上显示</p>
```
# 01.显示与隐藏
[toc]{type: "ol", level: [3]}
### 显示与隐藏
- 显示:block
> d-{lg,xl}-block
> 在lg,xl...设备上显示元素
- 隐藏:none
> d-{sm,md...}-none
> 在xs,sm,md...设备上隐藏元素
```html
<p class="d-none d-md-block d-xl-none">我只在md和lg屏幕上显示</p>
```