模态框由二类元素组成： 1、触发元素 2、模态框元素 一、定义模态框触发元素(以button为例)： 二、定义模态框元素： 注意： 1) 一定要给模态框加上 tabindex="-1" 属性 2) 默认模态框是四个圆角，给模态框去掉圆形边角，示例 ...

tooltip (提示框) 是一个小小的弹窗，在鼠标移动到元素上显示，鼠标移到元素外就消失。 属性 常用的功能，可以通过以下属性来设置： data-toggle = "tooltip" 指明这是一个tooltip组件对象，其实可以省略 ...

【卡片】卡片用于定义一块带圆角的区域。 .card 定义卡片容器 .card-body 卡片主体内容部份 .c ...

.d-none 在较小屏幕下隐藏 .d-{sm | md | lg | xl}-none 在指定屏幕大小下隐藏 ...

.border 含有边框 .border-{primary | second | dark | light | warning | danger ...

【折叠】可以很容易的实现内容的显示与隐藏。 data-toggle="collapse" 折叠触发对象必需属性 data-target="#i ...

.bg-primary 重要的背景颜色 .bg-success 执行成功背景颜色 .bg-info 信息 ...

 弹出框控件类似于提示框，它在鼠标点击到元素后显示，与提示框不同的是它可以显示更多的内容。 一、如何创建弹出框 通过向元素添加 data-toggle="popover" 来来创建弹出框。 title 属性的内容为弹出框的标题，data-content 属性显示了弹出框的文本内容 ...