主要按钮次要按钮成功信息警告危险黑色浅色 尝试一下 » 不同大小的按钮 Bootstrap 5
在上面这段代码中,class="btn btn-outline-primary"用于创建中号蓝色空心按钮。class="btnbtn-outline-secondary"用于创建中号灰色空心按钮。class="btn btn-outline-success"用于创建中号绿色空心按钮。class="btn btn-outline-info"用于创建中号青色空心按钮。class="btn btn-outline-warning"用于创建中号黄色空心按钮。
Main buttonSmaller button 可以使用.navbar-text选择器来包裹文字-这已经对文本字符串的垂直对齐、水平间距作了处理优化。 Navbar text with an inline element
1234@ 按钮组大小 不必将按钮大小
主要按钮 次要按钮 成功 信息 警告 危险 黑色 浅色 尝试一
一、不同样式的按钮基本按钮 主要按钮 次要按钮 成功 信息 警告 危险 黑色 浅色 链接尝试一下 »按钮类可用于 a, button, 或 input 元素上:链接按钮 按钮 尝试一下 »二、按钮设置边框主要按钮 次要按钮 成功 信息 警告 危险 黑色 浅色尝试一下 »
Primary Secondary Success Danger Warning Info Light Dark尺寸规格与大小
PrimarySecondarySuccessDangerWarningInfoLightDark Sizes Fancy larger or smaller buttons? Add
btn-primary //主要按钮 btn-secondary //次要按钮 btn-success //成功按钮 btn-info //信息按钮 btn-danger //危险 btn-outline-primary //按钮边框 btn-xs btn-sm btn-lg //小大号按钮 btn-block //块级按钮 active //可用 disabled //禁用 ...
3 按钮设置边框实例主要按钮次要按钮成功信息警告危险黑色浅色 4