首页 Bootstrap5组件手册

基础类：
.btn
.btn-close       关闭按钮（x形状）

组合类：（样式颜色，单选）
.btn-primary             主要的
.btn-secondary           次要的
.btn-success             成功
.btn-info                信息
.btn-warning             警告
.btn-danger              危险
.btn-dark                黑色
.btn-light               浅色
.btn-link                链接

.btn-outline-primary     主要的
.btn-outline-secondary   次要的
.btn-outline-success     成功
.btn-outline-info        信息
.btn-outline-warning     警告
.btn-outline-danger      危险
.btn-outline-dark        黑色
.btn-outline-light       浅色

组合类：（按钮大小，单选）
.btn-lg        大号
.btn-sm        小号

组合类：
.btn-block     块级（占据视窗总宽）

组合类：
.active         选中
.disabled       禁止点击

背景色按钮：
<button class="btn">基本按钮</button>
<button class="btn btn-primary">主要的</button>
<button class="btn btn-secondary">次要的</button>
<button class="btn btn-success">成功</button>  
<button class="btn btn-info">信息</button>
<button class="btn btn-warning">警告</button>  
<button class="btn btn-danger">危险</button> 
<button class="btn btn-dark">黑色</button> 
<button class="btn btn-light">浅色</button>
<button class="btn btn-link">链接</button>




边框形按钮：
<button class="btn btn-outline-primary">主要的</button>
<button class="btn btn-outline-secondary">次要的</button>
<button class="btn btn-outline-success">成功</button>
<button class="btn btn-outline-info">信息</button>
<button class="btn btn-outline-warning">警告</button>
<button class="btn btn-outline-danger">危险</button>
<button class="btn btn-outline-dark">黑色</button>






与文字颜色组合：
<button class="btn btn-outline-light text-dark">浅色</button>




还可以对<a>、<input>设置：
<a href="#" class="btn btn-info">链接按钮</a>
<input type="button" class="btn btn-info" value="input按钮">





大号、小号按钮：
<button class="btn btn-primary btn-lg">大号</button>
<button class="btn btn-primary btn-sm">小号</button>