Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。
.btn-group>.btn : 一组.btn按钮包裹在.btn-group
外包元素.btn-group {position/display/}
按钮元素.btn
Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。
.btn-group>.btn : 一组.btn按钮包裹在.btn-group
外包元素.btn-group {position/display/}
按钮元素.btn
按钮工具栏
.btn-toolbar>.btn-group
外包元素.btn-toolbar {margin-left}
按钮尺寸
.btn-group-*(lg/md/sm/xs) .btn-group-*>.btn {padding/font-size/border-radius}
按钮嵌套
.btn-group嵌套.btn-group
按钮组垂直排列
.btn-group-vertical
按钮组两端对齐
表现为填满父元素宽度
缺陷：因margin不支持display:table-cell;会出现双边框的效果
需要按钮嵌套.btn-group-justified {display/width/float}
菜单
外包元素类.btn-group {display/position}
单按钮下拉菜单
分裂式按钮下拉菜单
按钮下拉菜单尺寸
控制大小.btn-*:.btn-lg/btn-sm/btn-xs {padding/font-size/border-radius}
向上弹出菜单
控制弹出方向.dropup: .dropup.drop-menu {bottom/margin-bottom}
以上所述是小编给大家介绍的Bootstrap 组件(二)之按钮的相关知识，希望对大家有所帮助！
原文链接：https://www.f2er.com/bootstrap/48855.html