Bootstrap5按钮组件：样式、尺寸与状态设置教程

Bootstrap5按钮组件用于网页交互，可快速实现统一样式、响应式布局和交互状态，无需从零写CSS。使用前通过CDN引入Bootstrap5 CSS（JS可选）。基础样式以`.btn`为核心，搭配颜色类（如`.btn-primary`、`.btn-secondary`）或轮廓类（`btn-outline-*`）实现不同效果。尺寸分默认、小（`.btn-sm`）、大（`.btn-lg`）三种。状态自动处理：悬停（hover颜色加深）、点击（active内凹）、禁用（`disabled`属性变灰不可点击）。扩展技巧包括形状调整（`.rounded-0`直角、`.rounded-circle`圆形）和按钮组（`.btn-group`）。核心掌握基础样式、尺寸、状态即可高效使用。