摘要: 模态框由二类元素组成: 1、触发元素 2、模态框元素 一、定义模态框触发元素(以button为例): 二、定义模态框元素: 注意: 1) 一定要给模态框加上 tabindex="-1" 属性 2) 默认模态框是四个圆角,给模态框去掉圆形边角,示例:<div class="modal-content 阅读全文
posted @ 2019-05-19 17:07 网申 阅读(11) 评论(0) 编辑
该文被密码保护。
posted @ 2019-05-19 15:53 网申 阅读(2) 评论(0) 编辑
摘要: 四边都带有0.25rem的半径,见下图 四边都是直角,见下图: 左上角、左上角都带有0.25rem的半径,见下图: 左上角、右上角都带有0.25rem的半径,见下图: 右上角、右下角都带有0.25rem的半径,见下图: 左下角、右下角都带有0.25rem的半径,见下图: 圆形状态,见下图:阅读全文
posted @ 2019-05-17 08:24 网申 阅读(10) 评论(0) 编辑
摘要: bootStrap4中内容对齐有五种模式: 该样式必须和一个容器对像一起调用,否则无效,比如: 五种对齐样式,见下图: 示例代码:阅读全文
posted @ 2019-05-16 11:48 网申 阅读(18) 评论(0) 编辑
摘要: 属性 常用的功能,可以通过以下属性来设置: 触发弹出框的方式: 1、click 【默认】单击时显示或关闭 2、hover 移上去显示,移出去隐藏 3、focus 单击时显示,点击空白处时隐藏 4、manual 手动模式。需要调用js代码触发显示或关闭弹出框 设置弹出框内容是否支持HTML格式。默认值阅读全文
posted @ 2019-05-16 09:38 网申 阅读(19) 评论(0) 编辑
摘要: tooltip (提示框) 是一个小小的弹窗,在鼠标移动到元素上显示,鼠标移到元素外就消失。 属性 常用的功能,可以通过以下属性来设置: 触发提示框的方式: 1、click 【默认】单击时显示或关闭 2、hover 移上去显示,移出去隐藏 3、focus 单击时显示,点击空白处时隐藏 4、manua阅读全文
posted @ 2019-05-15 15:42 网申 阅读(13) 评论(0) 编辑
摘要: 导航一般采用ul、li来定义,否则有些效果无法实现,比如动态选项卡效果。 基础样式: 导航样式及属性: 导航选项的对齐方式: .justify-content-start 默认,左对齐 .justify-content-center 居中对齐 .justify-content-right 右对齐 动阅读全文
posted @ 2019-05-14 16:43 网申 阅读(16) 评论(0) 编辑
摘要: 导航栏:navbar 导航栏容器可以包含以下几个常用组成: 1、品牌LOGO(.navbar-brand ) 2、导航菜单(.navbar-nav) 3、导航文本(.navbar-text) 4、折叠导航按钮(.navbar-toggle) 5、表单(.form-inline) 一、导航容器一般使用阅读全文
posted @ 2019-05-14 08:45 网申 阅读(17) 评论(0) 编辑
摘要: 宽度百分比样式: 高度百分比样式:阅读全文
posted @ 2019-05-14 08:23 网申 阅读(23) 评论(0) 编辑
摘要: 方法一:受垂直导航的居中对齐启发实现此要求,具体代码如下: 一、图片的垂直(水平)居中 样式说明: a) nav 导航基类 b) 由于要实现垂直居中,所以这里定义一个垂直导航 c) justify-content-center 类用于实现内容区域垂直居中。 d) 图片通过类 m-auto 实现水平居阅读全文
posted @ 2019-05-13 20:37 网申 阅读(15) 评论(0) 编辑