按钮组

.btn-group>.btn : 一组.btn按钮包裹在.btn-group

外包元素.btn-group  {position/display/}

按钮元素.btn

leftmiddleright

按钮工具栏

.btn-toolbar>.btn-group

外包元素.btn-toolbar  {margin-left}

.........

按钮尺寸

.btn-group-*(lg/md/sm/xs)

.btn-group-*>.btn  {padding/font-size/border-radius}

leftmiddleright

按钮嵌套

.btn-group嵌套.btn-group

按钮1按钮2下拉 项目一项目二

按钮组垂直排列

.btn-group-vertical

...

按钮组两端对齐

表现为填满父元素宽度

缺陷：因margin不支持display:table-cell;会出现双边框的效果

需要按钮嵌套.btn-group-justified {display/width/float}

leftleftright item1item2

按钮式下拉菜单

外包元素类.btn-group  {display/position}

依赖下拉菜单插件

单按钮下拉菜单

button item1item2

分裂式按钮下拉菜单

buttonitem1item2

按钮下拉菜单尺寸

控制大小.btn-*:.btn-lg/btn-sm/btn-xs  {padding/font-size/border-radius}

button item1item2

向上弹出菜单

控制弹出方向.dropup:  .dropup.drop-menu {bottom/margin-bottom}

button item1item2