📅  最后修改于: 2023-12-03 15:09:49.576000             🧑  作者: Mango
在 Bootstrap 4 中,btn-default
是一个用于按钮的 CSS 类,它提供了默认的样式和颜色。使用该类可以让按钮具有一致的外观,增强用户体验。
只需要在按钮元素的 class
属性中添加 btn btn-default
即可应用该样式,如下所示:
<button class="btn btn-default">默认按钮</button>
btn-default
类提供了几个可选的样式,你可以通过添加其他的 CSS 类来应用它们。下面是一些例子:
通过添加 btn-outline-default
类,按钮会变成无填充的轮廓按钮,其颜色与默认按钮相同。
<button class="btn btn-outline-default">轮廓按钮</button>
通过添加 btn-lg
类,按钮会变得更大一些。
<button class="btn btn-default btn-lg">大按钮</button>
通过添加 btn-sm
类,按钮会变得更小一些。
<button class="btn btn-default btn-sm">小按钮</button>
通过添加 btn-block
类,可以实现一个宽度为 100% 的块级按钮。
<button class="btn btn-default btn-block">块级按钮</button>
btn-default
类是 Bootstrap 中用于按钮的一个默认样式类,可以为您的网站提供一致的按钮风格,以及其他可选的样式。使用时只需要在按钮元素的 class
属性中添加即可。