摘要：
方法一：受垂直导航的居中对齐启发实现此要求，具体代码如下： 一、图片的垂直（水平）居中 样式说明： a) nav 导航基类 b) 由于要实现垂直居中，所以这里定义一个垂直导航 c) justify-content-center 类用于实现内容区域垂直居中。 d) 图片通过类 m-auto 实现水平居 阅读全文
摘要：
【折叠】可以很容易的实现内容的显示与隐藏。 触发元素要设置以下属性： data-toggle = "collapse" data-target = "#id" 或者链接的href代替此属性 href="#id" 触发下拉元素代码示例： 折叠元素设置样式为: collapse，代码示例： 完整代码： 阅读全文
摘要：
【margin、padding】 分别采用m与p的简写方式 margin间距样式： 定义四周间距 .m-0 等价于{margin:0 !important} .m-1 等价于{margin:0.25rem !important} .m-2 等价于{margin:0.5rem !important} 阅读全文
摘要：
.border 含有边框 .border-{primary | second | dark | light | warning | danger | success | info | white} 边框的颜色 .border-0 四条边都不含边框 .border-{top | right | bot 阅读全文
摘要：
【卡片】卡片用于定义一块带圆角的区域。 卡片层次关系： 阅读全文
摘要：
【列表: ul/ol/dl】列表默认样式为垂直样式，一个项目占据一行。带灰色圆角边框。 [ol/ul/dl列表示例] 也可以使用链接代替ul/ol/dl，示例: 阅读全文
摘要：
【面包屑导航】类似当前位置导航，它会自动在每项后面加上 / 示例： 也可以使用链接样式，示例： 阅读全文
摘要：
分页示例： 阅读全文
摘要：
进度条示例： 阅读全文
摘要：
【徽章】主要用于突出显示新的或未读的项 阅读全文
摘要：
下拉、上拉菜单需要引入jquery版本不低于3.2，且还要引入popper.min.js文件，两个文件的CDN引用如下： 下拉菜单示例： 按钮下拉示例： 按钮组下拉示例： 上拉菜单用法和下拉相同，只要将下拉菜单包含在一个类名为: dropup 的容器内就可以实现上拉菜单功能。不过位于页面顶部是无法向 阅读全文
摘要：
按钮样式 .btn 按钮基类 .btn-{primary | secondary | success | info | warining | danger | dark | light | link } 各种类型按钮样式 .active 按钮激活状态样式 .disabled 按钮禁用状态样式 .bt 阅读全文
摘要：
.d-none 在较小屏幕下隐藏 .d-{sm | md | lg | xl}-none 在指定屏幕大小下隐藏 .d-block 在较小屏幕下显示 .d-{sm | md | lg | xl}-block 在指定屏幕大小下显示 阅读全文