bootstrap 控制标签元素d-none/d-block在不同尺寸的设备中 显示、隐藏
自从博客站采用bootstrap框架设计页面后一直是着重调整PC端的布局，而且博客功能主要是面向PC端，所以手机端也就没管，由于bootstrap可以自适应布局 所以手机端效果也还算可以，但PC端和手机端 屏幕比例差别太大，pc上面显示的东西会比较多 但是移动端就没必要显示那么多可以隐藏掉，就想着bootstrap能不能实现在大屏幕上显示，在小屏幕上隐藏的效果，就去查了下还真有 真心不错
bootstrap中 控制隐藏/显示样式类名称是 d-none/d-block
而且根据不同设备尺寸 可以设置 分为 sm（小屏幕及以上），md（中屏幕及以上），lg（大屏幕） 屏幕规格 根据这个规格就可以控制标签显示/隐藏。
d-none/d-block 属性的简要说明
一. 在不同尺寸下隐藏
| 规格 | 描述 |
|---|---|
| d-sm-none | 在小屏幕及以上屏幕隐藏当前标签 |
| d-md-none | 在中屏幕和大屏幕上隐藏当前标签 |
| d-lg-none | 在大屏幕的时候隐藏当前标签 |
二. 在不同尺寸下显示
| 规格 | 描述 |
|---|---|
| d-sm-block | 在小屏幕及以上屏幕显示当前标签 |
| d-md-block | 在中屏幕和大屏幕上显示当前标签 |
| d-lg-block | 只在大屏幕的时候显示当前标签 |
二者结合使用 即可实现手机端隐藏pc端展示效果 反之亦然。