如何使Bootstrap v4看起来像v3

时间:2016-11-04 17:18:42

标签: html css twitter-bootstrap twitter-bootstrap-4

我正在使用Bootstrap 3.3.7,我正在寻求迁移到v4。

我之前在我的HTML中添加了bootstrap.min.cssbootstrap-theme.min.css,但在迁移到v4时,我再也找不到bootstrap-theme.min.css了,我不知道它在哪里或者是什么有替代品。

我在哪里可以获得最新v4版本的bootstrap-theme.min.css或使用vanilla Bootstrap的最接近的等价物(仅通过编辑SCSS变量)?

此问题最初发布于Bootstrap's GitHub Issue Tracker @pankajparkar

2 个答案:

答案 0 :(得分:5)

单独的主题(bootstrap-theme.min.css)已从v4中删除。

  

通过SCSS变量

替换单独的可选主题和可配置选项

https://getbootstrap.com/docs/4.0/migration/#global-changes

为了让它看起来更像v3,你必须根据v4 docs添加这些SCSS变量:

$enable-gradients: true;
$enable-shadows: true;

然后重新编译SCSS源。

注意:不要忘记关注migration docs,以免获得任何无效的组件或其他迁移意外。

答案 1 :(得分:0)

正如@wolfy所说,你应该通过改变值为scss&的变量来编译$enable-gradients: true;$enable-shadows: true;到css会创建一个bootstrap主题。

由于navbar API发生了巨大变化,因此导航栏样式无效。你必须参考这个Twitter Bootstrap navbar API(alpha版本)并更正你的旧HTML(你可能最终花费几个小时)。

有关更多更新,您可以关注此github issue