标签：选项卡 对象 屏幕 关于 图标 常用 data 排列 按钮
bootstrap组件：官网可查看。
组件：拿来就用的图片或者效果。图标，下拉菜单，按钮组，导航。。。
图标组件：基本使用：内联元素：需要一个基本类+图标类，图标和文本间添加一个空格。
基类：glyphicon（图标相对定位，inline-block）
control-group和controls都是BS2里的属性，BS3已经没有了
border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。
默认值： separate
继承性： yes
版本： CSS2
JavaScript语法： object.style.borderCollapse="collapse"
可能的值：
separate 默认值。边框会被分开。不会忽略border-spacing 和 empty-cells 属性。
collapse 如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
inherit 规定应该从父元素继承 border-collapse 属性的值。
下拉菜单：需要导入JQ与JS文件。
结构很重要，使用dropdown容器将下拉菜单的选项包裹起来。必须的。
dropdown-toggle，
data-toggle="dorpdown"
dropdown-menu,
diveider,
按钮组件：btn-group。
btn-default，
btn-info，
btn-success，
按钮组两边的按钮有圆弧，中间的没有。
按钮工具栏：
btn-toolbar，
btn-group-lg/sm/xs可以控制按钮大小。
btn-vertical，按钮组垂直排列。
图中为按钮组嵌套
按钮式下拉菜单： 普通下拉菜单的基础下，封装了btn。官网看。
输入框： input-group input-group-addon， form-control合用，会出现完美的文字与输入框成组的样式，
1、class="nav nav-tabs" 标签式导航菜单
2、class="nav nav-pills" 胶囊式导航菜单
class="nav nav-pills nav-stacked" 垂直式的胶囊导航菜单
3、class="nav nav-pills nav-justified" 两端对齐导航菜单（移动端常用
导航条： .nav 基本属性
.navbar 灰色背景 下边框
.nav-default 背景色 边框色
.navbar-header
.navbar-brand
bootstrap插件：使用css3语法，在ie678无法使用。
两种调用方式： 先导入jquery1.9以上版本。
第一种：插件名称.js。 第二种：bootstrap.js。
关于插件里边调用的方式： 1，通过data属性调用插件。 2，编程方式，通过js调用。
模态框：覆盖在父窗体上的一个子窗体。通过data属性调用。
data-toggle="modal"//打开模态窗口。
data-target="#xxx"//打开id为xxx的模态窗口。
fade//当窗口切换，淡入淡出。
modal-dialog//对话框。
modal-content//内容。
modal-header//框内部的头。
modal-title//框内部的标题。
data-dismiss="modal"//关闭窗口。
modal-body//窗口主要内容。
modal-footer//底部按钮。
滚动监听：
data-target="#xxx"//执行事件的目标。
data-spy="scroll"//添加滚动监听。
选项卡：tab-content//bs中用来定义选项卡的父级元素。
fade//指定透明度和渐变效果。
fade in//透明度。
tab-pane//隐藏元素。
active//显示元素。
弹出层： data-container="body"//向指定元素添加弹出框
data-toggle="popover"//指定弹出框执行。
data-placement="left"//弹出方向。
data-content="弹出内容"。
data-trigger="focus"//点击弹出框消失。
对象.popover()//jq调用。
标签：选项卡 对象 屏幕 关于 图标 常用 data 排列 按钮
原文地址：https://www.cnblogs.com/zhonghonglin1997/p/9700401.html
