普通的按钮
| css类 | 说明 |
| .btn | 按钮标志类，显示为按钮，按钮边角为“border-radius：3px”的圆角 |
| .btn-lg | 按钮的大小，可选值有.btn-lg(large),.btn-sm(small), .btn-xs(x-small),若不设置，按钮大小在lg和sm之间。 |
| .btn-default | 按钮颜色（灰） 其它可选颜色有：.btn-primary,.btn-success,.btn-info, .btn-danger,.btn-warning等。 |
| .btn-block | 块状显示设置后，显示按钮时，占据全部空间；不设置时，按钮的大小由其内容决定，可与其他类叠加使用。 |
| .btn-flat | 显示按钮边角为直角，可与其他类叠加使用。 |
| .disabled | 显示按钮为不可用，颜色更浅一些。 |
由图标填充的按钮
元素为图标，图标样式可参考：https://adminlte.io/themes/AdminLTE/pages/UI/icons.html
按钮组.btn-group
水平按钮组
按钮组中各个按钮默认水平一行显示，圆角，不同颜色，内容为文字。
垂直按钮组
按钮组中各个按钮垂直显示，直角，内容为图标。
按钮带下拉选项的按钮组
- Action
- Another action
- Something else here
- Separated link
| 元素 | 说明 |
| .dropdown-toggle | 用于下拉按钮，添加后，下拉按钮显示为圆角，与“提示用按钮”配合，样式更加协调 |
| data-toggle=”dropdown” | 必须设置，点击后，出下拉菜单的效果 |
| class=”caret” | 使下拉按钮中的span显示为“向下的三角图标” |
| class=”dropdown-menu” | 下拉菜单，必须将ul设置为此样式 |
位于input输入框之后的按钮
调整div.input-group中input元素和span元素的前后排序，可更改input输入框与按钮的排序。
位于input输入框之前的按钮，并有点击下拉效果。
- Action
- Another action
- Something else here
- Separated link
APP图标效果的按钮，并带有角标span.badge
Edit
3
Notifications
图标样式可参考：https://adminlte.io/themes/AdminLTE/pages/UI/icons.html
按钮带提示信息
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/hz/134293.html