基础

你可以在<button>、 <a>、<input> 标签上使用.btn
Link Dark
你可以使用.active和.disabled设置按钮的状态

尺寸 & 字体

你可以添加.btn-lg、.btn-sm设置按钮尺寸
你可以使用.btn-font-lg、.btn-font-sm、.btn-upper、.btn-lower 设置按钮文字稍大、稍小、大写、小写
你可以使用.btn-wide、.btn-wider、.btn-widest设置按钮水平方向间距
你可以使用.btn-tall、.btn-taller、.btn-tallest设置按钮垂直方向间距

幽灵按钮

你可以使用.btn-outline-*设置钮使用描边效果
你可以使用.btn-outline-hover-*设置按钮在:hover时显示描边效果

胶囊风格

你可以使用.btn-pill设置按钮使用胶囊风格

方形按钮

你可以使用.btn-square设置按钮无圆角

悬浮按钮

你可以使用.btn-elevate设置按钮悬浮效果
你可以使用.btn-elevate-air设置按钮:hover时悬浮

图标 + 文字按钮

使用 Fontawesome 5 图标
使用 Lineawesome 图标
使用 Flaticon 图标的胶囊风格按钮

只有图标

使用 Fontawesome 5 图标
使用 Lineawesome 图标
使用 Flaticon 图标的圆形按钮