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