Bootstrap 按钮组

Lark ·
更新时间:2024-09-20
· 727 次阅读

Bootstrap 按钮组

按钮组允许多个按钮被堆叠在同一行上。当你想要把按钮对齐在一起时,这就显得非常有用。您可以通过

结果如下所示:

基本的按钮组 按钮工具栏

下面的实例演示了上面表格中讨论到的 class .btn-toolbar 的使用:

实例

结果如下所示:

按钮工具栏 按钮的大小

下面的实例演示了上面表格中讨论到的 class .btn-group-* 的使用:

实例

结果如下所示:

按钮组的大小 嵌套

您可以在一个按钮组内嵌套另一个按钮组,即,在一个 .btn-group 内嵌套另一个 .btn-group 。当您想让下拉菜单与一系列按钮组合使用时,就会用到这个。

实例

结果如下所示:

嵌套的按钮组 垂直的按钮组

下面的实例演示了上面表格中讨论到的 class .btn-group-vertical 的使用:

实例

结果如下所示:

垂直的按钮组



bootstrap 按钮

需要 登录 后方可回复, 如果你还没有账号请 注册新账号
相关文章