bootstrap组件基础命名

bootstrap 组件命名规范

一般 所有的基础类 都是清空默认样式 设置公共样式

图标：基础类 glyphicon

  具体图标    glyhicon-xxx

下拉菜单 .dropdown

1.容器类名 .dropdown （下拉） .dropup(上拉) 只是改变dropdown-menu的位置
2.菜单类名 .dropdown-menu
3.显示隐藏 .dropdown-toggle
data-toggle=“dropdown” js绑定属性实现显示隐藏效果

.dropdown-header 被选中下拉项目 改变字体颜色： 内边距 字体大小
.divid 横线
.disabled 选中 a 改变字体颜色 和 设置鼠标样式

按钮组 btn-group

1.btn-group-xxx 可以对一组下所有的按钮进行样式设置

输入框组 .input-group

.input-group-addon 输入框提示信息的样式
.from-control 在输入框组中，有独立的样式
-选择器 .input-group .from-control display:table-cell
input-group 用到 display:table

 .input-group-addon, .input-group-btn, .input-group .form-control {
   
    display: table-cell;
}
.input-group {
   
    position: relative;
    display: table;