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