html - 如何使 Bootstrap v4 看起来像 v3

标签 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

最佳答案

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

Replaced the separate optional theme with configurable options via SCSS variables

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

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

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

然后重新编译 SCSS 源。

注意:不要忘记关注 migration docs为了不让任何组件不工作或其他迁移意外。

关于html - 如何使 Bootstrap v4 看起来像 v3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40428410/

相关文章:

javascript - IE输入不同行为选择文本与否

javascript - Canvas 在一种环境中绘制,而不是在另一种环境中绘制

javascript - 我可以创建一个不打开滚动条的元素吗?

javascript - 防止 Firefox 在 `.exitFullscreen()` 之后移动

html - 响应使用 Bootstrap 从两列更改为一列

jquery - twitter bootstrap 模型事件 "shown"在事件处理程序上使用 jquery 调用了两次

html - Html5 中的母版页概念?

html - 为什么这个自定义输入文件在 Edge 中不起作用?

html - 在悬停时添加底部边框,仅限 CSS

css - Bootstrap 4 - 如何将另一个导航选择放在顶部并折叠成一个