Bootstrap 4 中的 .btn-default 去哪儿了？

Question

根据 Bootstrap 3 到 Bootstrap 4 迁移文档：

按钮

• 将 .btn-default 重命名为 .btn-secondary。

但是 Bootstrap 4

.btn-secondary

看起来一点也不像旧的默认按钮。

引导程序3：

引导4：

使用

.btn-light

也不会重现原始

.btn-default

。

如何恢复按钮/下拉菜单等的默认主题？

我记得 Bootstrap 4 中有一个默认按钮，但它是早期的 alpha 版本。被删了吗

Answer 1

Bootstrap 4 中的

btn-outline-secondary

类生成的类与 Bootstrap 3 中的

btn-default

最接近。

文档中似乎有“错字”。

primary

是蓝色按钮/颜色，

secondary

是灰色按钮/颜色。

非常浅的灰色是

btn-light

。

这是 Bootstrap 4 按钮的参考链接：

https://getbootstrap.com/docs/4.0/components/buttons/

Answer 2

将此 css 添加到样式表文件中问题就消失了

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

Answer 3

另一个“修复”是将

default

定义为 SCSS 文件中的主题颜色：

$theme-colors: ( "default": lightgray, "primary": ...)

然后

.btn-default

（和其他“默认”类别）又回来了。