Bootstrap 按钮组.pdfVIP

Bootstrap 按钮组 Bootstrap 按钮组 按钮组允许多个按钮被堆叠在同⼀⾏上。当你想要把按钮对齐在⼀起时，这就显得⾮ 有⽤。您可以通过 Bootstrap 按钮 （Button ） 插件 添加可选的 JavaScript 单选框和复 选框样式⾏为。 下⾯的表格总结了 Bootstrap 提供的使⽤按钮组的⼀些重要的 class ： Class 描述 代码⽰例 该 class ⽤ 于形成基 本的按钮 组。在 div class=btn-group .btn- .btn- button type=button class=btn btn-defaultButt group group 中 button type=button class=btn btn-defaultBut 放置⼀系 列带有 /div class .btn 的按钮。 该 class 有 助于把⼏ 组 div class=btn- group 结div class=btn-toolbar role=toolbar .btn- 合到⼀个 div class=btn-group.../div div toolbar class=btn- div class=btn-group.../div toolbar /div 中，⼀般 获得更复 杂的组 件。 .btn- 这些 class group- 可应⽤到 lg , 整个按钮 .btn- 组的⼤⼩ div class=btn-group btn-group-lg.../div group- 调整，⽽ div class=btn-group btn-group-sm.../div sm , 不需要对 div class=btn-group btn-group-xs.../div .btn- 每个按钮 group- 进⾏⼤⼩ xs 调整。 该 class 让 ⼀组按钮 .btn- 垂直堆叠 div class=btn-group-vertical group- 显⽰，⽽ ... vertical 不是⽔平 /div 堆叠显 ⽰。 基本的按钮组 下⾯的实例演⽰了上⾯表格中讨论到的 class .btn-group 的使⽤： DOCTYPE html html head titleBootstrap 实例 - 基本的按钮组/title link href=/bootstrap/css/bootstrap.min.css rel=stylesheet script src=/scripts/jquery .min.js/script script src=/bootstrap/js/bootstrap.min.js/script /head body div class=btn-group button type=button class=btn btn-default按钮 1/button button type=button class=btn btn-default按钮 2/button button type=button class=btn btn-default按钮 3/button /div /body /html 尝试⼀下 » 结果如下所⽰： 按钮⼯具栏 下⾯的实例演⽰了上⾯表格中讨论到的 class .btn-toolbar 的使⽤： DOCTYPE html html head titleBootstrap 实例 - 按钮⼯具栏/title link href=/bootstrap/css/bootstrap.min.css rel=stylesheet script src=/scripts/jquery .min.js/script script src=/bootstrap/js/bootstrap.min.js/script /head body