btn-default在bootstrap 4中去了哪里

时间:2018-03-09 22:06:06

标签: twitter-bootstrap twitter-bootstrap-3 bootstrap-4

根据bs3到bs4迁移文档:

按钮

Renamed .btn-default to .btn-secondary.

但是辅助功能并不是所有的默认按钮。

我指的是白色阴影按钮/下拉菜单......

当我做btn-light时,它不是原来的btn-default。

那么我如何获取按钮/下拉菜单的默认主题......?

AFAIR现在字面上...... bs4中有一个正确的默认按钮,但它是以前的alpha版本。我想这是真的。

2 个答案:

答案 0 :(得分:8)

Bootstrap 4中的btn-outline-secondary类生成的最接近Bootstrap 3中的btn-default

这似乎是文档中的“拼写错误”。

primary是蓝色按钮/颜色,secondary是灰色按钮。

浅灰色是btn-light

以下是Bootstrap 4按钮的参考链接:

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

答案 1 :(得分:0)

将此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;
}