转载

Bootstrap 基本的按钮组

通过按钮组容器把一组按钮放在同一行里。通过与按钮插件联合使用,可以设置为单选框或多选框的样式和行为。

按钮组中的工具提示和弹出框需要特别的设置

当为 .btn-group 中的元素应用工具提示或弹出框时,必须指定 container: 'body' 选项,这样可以避免不必要的副作用(例如工具提示或弹出框触发时,会让页面元素变宽和/或失去圆角)。

基本的按钮组

下面的实例演示了上面 'Bootstrap 按钮组语法' 中讨论到的 class .btn-group 的使用:

基本实例

Wrap a series of buttons with .btn in .btn-group.

 <div class="btn-group">   <button type="button" class="btn btn-default">Left</button>   <button type="button" class="btn btn-default">Middle</button>   <button type="button" class="btn btn-default">Right</button> </div> 
正文到此结束
Loading...