按钮
按钮其他样式都是基于.btn这个基本样式实现的
| 常规按钮 | 大按钮.btn-lg |
小按钮.btn-sm |
最小版按钮.btn-xs |
扁平化.btn-flat |
禁用.disabled |
|---|---|---|---|---|---|
块按钮,适用于满屏!(比如移动端)
水平按钮组
基本调用样式<div class="btn-group"></div>
| 按钮 | 图标 | 扁平化 | 带下拉菜单按钮 |
|---|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
按钮附加组件
+下拉菜单
用input-group可以实现按钮和输入框链接,按钮下拉跟其他下来一致,通过data-toggle来调用
Normal
Flat
分离式按钮
常规分离按钮:
Flat split buttons:
标签及徽章
labellabel-**号改成其他颜色
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
nav nav-pills是导航样式,badge是徽章,pull-*是控制方向
列表组
父类添加list-group,子类添加list-group-item的列表就能构成列表组
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros