分列式按钮

Bootstrap响应式前端框架笔记八——按钮组

柔情痞子 提交于 2019-12-04 01:37:36
Bootstrap响应式前端框架笔记八——按钮组 在Bootstrap定义的Css样式中,开发者可以将一组btn控件包裹在btn-group类中使其组合成按钮组控件,组合后的控件左右两侧的按钮将被圆角处理,示例代码如下: <p>正常的按钮组</p> <div class="btn-group"> <button class="btn btn-default">左按钮</button> <button class="btn btn-danger">中心按钮</button> <button class="btn btn-primary">右按钮</button> </div> 效果如下: 也可以将一组按钮组包裹在btn-toolbar类中,使其组合成为按钮组工具栏,示例如下: <p>按钮组工具栏</p> <div class="btn-toolbar"> <div class="btn-group"> <button class="btn btn-default">左按钮</button> <button class="btn btn-danger">中心按钮</button> <button class="btn btn-primary">右按钮</button> </div> <div class="btn-group"> <button class="btn btn