.btn-default在Bootstrap 4中去了哪里?

8e2ybdfx  于 5个月前  发布在  Bootstrap
关注(0)|答案(3)|浏览(46)

根据Bootstrap 3到Bootstrap 4的迁移文档:
按钮

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

但是Bootstrap 4 .btn-secondary看起来一点也不像旧的默认按钮。

Bootstrap 3:

x1c 0d1x的数据

Bootstrap 4:



使用.btn-light也不会复制原始的.btn-default
我如何为按钮/下拉菜单等恢复默认主题?
我记得Bootstrap 4中有一个默认按钮,但它是在早期的alpha版本中。它被删除了吗?

inkz8wg9

inkz8wg91#

Bootstrap 4中的btn-outline-secondary类生成了与Bootstrap 3中的btn-default最接近的类。
这似乎是“错字”在文档中。
primary是蓝色按钮/颜色,secondary是灰色按钮/颜色。
最浅的灰色是btn-light
以下是Bootstrap 4按钮的参考链接:
https://getbootstrap.com/docs/4.0/components/buttons/

imzjd6km

imzjd6km2#

添加此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;
}

字符串

hwazgwia

hwazgwia3#

另一个“修复”是在SCSS文件中将default定义为主题颜色:

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

字符串
然后.btn-default(和其他“默认”类)又回来了。

相关问题