如何让 Bootstrap v4 看起来像 v3

Question

我正在使用 Bootstrap 3.3.7，我希望迁移到 v4。

我之前在我的 HTML 中包含了 bootstrap.min.css 和 bootstrap-theme.min.css，但是在迁移到 v4 时，我再也找不到 bootstrap-theme.min.css，我没有知道它在哪里或有什么选择。

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

此问题最初由 @pankajparkar

在 Bootstrap's GitHub Issue Tracker 上发布

Answer 1

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

Replaced the separate optional theme with configurable options via SCSS variables

为了让它看起来更像 v3，您必须按照 v4 docs:

添加这些 SCSS 变量

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

然后重新编译SCSS源码。

注意：不要忘记遵循 migration docs 以免出现任何无法正常工作的组件或其他迁移意外。

Answer 2

正如@wolfy 所说，您应该通过将值为 $enable-gradients: true; 和 $enable-shadows: true; 的变量更改为 css 来第一次编译 scss 会创建一个 bootstrap 主题.

由于 navbar API 发生了巨大变化，您的导航栏样式将无法正常工作。您必须参考此 Twitter Bootstrap navbar API（alpha 版本）并更正您的旧 html（您最终可能会花费几个小时）。

更多更新可以关注这个github issue

How do I make Bootstrap v4 look like v3