📜  引导程序 4 中的 btn-default 类 - Html (1)

📅  最后修改于: 2023-12-03 15:09:49.576000             🧑  作者: Mango

引导程序 4 中的 btn-default 类 - Html

在 Bootstrap 4 中,btn-default 是一个用于按钮的 CSS 类,它提供了默认的样式和颜色。使用该类可以让按钮具有一致的外观,增强用户体验。

使用方法

只需要在按钮元素的 class 属性中添加 btn btn-default 即可应用该样式,如下所示:

<button class="btn btn-default">默认按钮</button>
可选样式

btn-default 类提供了几个可选的样式,你可以通过添加其他的 CSS 类来应用它们。下面是一些例子:

btn-outline-default

通过添加 btn-outline-default 类,按钮会变成无填充的轮廓按钮,其颜色与默认按钮相同。

<button class="btn btn-outline-default">轮廓按钮</button>
btn-lg

通过添加 btn-lg 类,按钮会变得更大一些。

<button class="btn btn-default btn-lg">大按钮</button>
btn-sm

通过添加 btn-sm 类,按钮会变得更小一些。

<button class="btn btn-default btn-sm">小按钮</button>
btn-block

通过添加 btn-block 类,可以实现一个宽度为 100% 的块级按钮。

<button class="btn btn-default btn-block">块级按钮</button>
总结

btn-default 类是 Bootstrap 中用于按钮的一个默认样式类,可以为您的网站提供一致的按钮风格,以及其他可选的样式。使用时只需要在按钮元素的 class 属性中添加即可。