1024记忆 - 博客园

2019年5月14日

摘要：导航一般采用ul、li来定义，否则有些效果无法实现，比如动态选项卡效果。基础样式：导航样式及属性：导航选项的对齐方式： .justify-content-start 默认，左对齐 .justify-content-center 居中对齐 .justify-content-right 右对齐动阅读全文

posted @ 2019-05-14 16:43 1024记忆阅读(5868) 评论(0) 推荐(0)

导航栏(navbar) - bootStrap4常用CSS笔记

摘要：导航栏：navbar 导航栏容器可以包含以下几个常用组成： 1、品牌LOGO（.navbar-brand ） 2、导航菜单（.navbar-nav） 3、导航文本（.navbar-text） 4、折叠导航按钮（.navbar-toggle） 5、表单（.form-inline）一、导航容器一般使用阅读全文

posted @ 2019-05-14 08:45 1024记忆阅读(15031) 评论(0) 推荐(0)

宽度、高度百分比 - bootStrap4常用CSS笔记

摘要：宽度百分比样式：高度百分比样式：阅读全文

posted @ 2019-05-14 08:23 1024记忆阅读(3162) 评论(0) 推荐(0)

2019年5月13日

bootStrap实现垂直居中 - bootStrap技巧

摘要：方法一：受垂直导航的居中对齐启发实现此要求，具体代码如下：一、图片的垂直（水平）居中样式说明： a) nav 导航基类 b) 由于要实现垂直居中，所以这里定义一个垂直导航 c) justify-content-center 类用于实现内容区域垂直居中。 d) 图片通过类 m-auto 实现水平居阅读全文

posted @ 2019-05-13 20:37 1024记忆阅读(45524) 评论(0) 推荐(0)

折叠（collapse） - bootStrap4常用CSS笔记

摘要：【折叠】可以很容易的实现内容的显示与隐藏。触发元素要设置以下属性： data-toggle = "collapse" data-target = "#id" 或者链接的href代替此属性 href="#id" 触发下拉元素代码示例：折叠元素设置样式为: collapse，代码示例：完整代码：阅读全文

posted @ 2019-05-13 17:21 1024记忆阅读(2195) 评论(0) 推荐(0)

间距margin、padding - bootStrap4常用CSS笔记

摘要：【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 1024记忆阅读(2662) 评论(0) 推荐(0)

边框（border） - bootStrap4常用CSS笔记

摘要： .border 含有边框 .border-{primary | second | dark | light | warning | danger | success | info | white} 边框的颜色 .border-0 四条边都不含边框 .border-{top | right | bot 阅读全文

posted @ 2019-05-13 15:50 1024记忆阅读(3393) 评论(0) 推荐(0)

卡片 - bootStrap4常用CSS笔记

摘要：【卡片】卡片用于定义一块带圆角的区域。卡片层次关系：阅读全文

posted @ 2019-05-13 15:44 1024记忆阅读(1170) 评论(0) 推荐(0)

列表: ul/ol/dl - bootStrap4常用CSS笔记

摘要：【列表: ul/ol/dl】列表默认样式为垂直样式，一个项目占据一行。带灰色圆角边框。 [ol/ul/dl列表示例] 也可以使用链接代替ul/ol/dl，示例: 阅读全文

posted @ 2019-05-13 15:40 1024记忆阅读(899) 评论(0) 推荐(0)

面包屑导 - bootStrap4常用CSS笔记

摘要：【面包屑导航】类似当前位置导航，它会自动在每项后面加上 / 示例：也可以使用链接样式，示例：阅读全文

posted @ 2019-05-13 15:34 1024记忆阅读(442) 评论(0) 推荐(0)