bootstrap4.4.1中button变下的指令
时间: 2024-10-06 07:03:52 浏览: 13
在Bootstrap 4.4.1版本中,用于创建按钮的基本指令主要有以下几个:
1. `<button>` 标签:这是最基础的按钮,直接使用`<button class="btn">按钮文字</button>`即可创建默认样式的标准按钮。
2. 类型(Types):
- `.btn-primary`: 初级(primary)颜色的按钮,通常是蓝色。
- `.btn-secondary`: 次级(secondary)颜色的按钮,通常是灰色。
- `.btn-success`: 成功(success)颜色的按钮,通常是绿色。
- `.btn-danger`: 危险(danger)颜色的按钮,通常是红色。
- 更多类型如`.btn-info`, `.btn-warning`, `.btn-link`等分别对应信息、警告和链接样式。
3. 尺寸:
- `.btn-sm` (small) 或 `.btn-xs` (extra small): 创建较小的按钮,适合小屏幕设备。
- `.btn-lg` (large) 和 `.btn-xl` (extra large): 创建较大的按钮。
4. 状态(States):
- `.btn disabled` 或 `.disabled`: 使得按钮禁用,无法点击。
- `.btn-loading` 或 `data-loading-text="..."`: 添加加载状态,按钮会暂时显示为占位文本。
5. 结构(Structures):
- `.btn-group` 用于创建一组相关的按钮,可以设置为垂直或水平排列。
- `.dropdown-toggle` 配合`.dropdown-menu`,可以创建下拉菜单式按钮组。
6. 形状(Sizing & Shapes):
- `.btn-rounded` 或 `.btn-square`: 可以改变按钮的边角形状。
例如:
```html
<button type="button" class="btn btn-primary btn-sm">小号 primary按钮</button>
```
阅读全文