如何使用 ng2-bootstrap 从 Bootstrap 3 切换到 Bootstrap 4？

Question

我正在为一个 Angular 2 项目使用 ng2-bootstrap。

这个包同时支持Bootstrap3和4，我安装后默认使用Bootstrap3。我没有找到任何关于切换的信息。

如何从 Bootstrap 3 切换到 Bootstrap 4？我应该在文件 tsconfig.json 中写点什么吗？

谢谢！

Answer 1

您必须将主题设置为 bootstrap4

import {Ng2BootstrapConfig, Ng2BootstrapTheme} from '../ng2-bootstrap';    

Ng2BootstrapConfig.theme = Ng2BootstrapTheme.BS4;

注意：以上代码应该在你的主要组件之前使用。您将使用 angular2 的 enableProdMode();

的相同位置

Answer 2

实际上，Vamsi 的回答在当前版本中对我不起作用。我查看了源代码，这确实有效：

将此放在 html 中 <head> 的顶部：

<script type="text/javascript">
    // temporary hack for enable bootstrap 4
    window.__theme = 'bs4';
</script>

Answer 3

简单：

卸载 boostrap 包 npm uninstall --save bootstrap

安装 boostrap 4 包 npm install --save bootstrap@4.0.0-alpha.5

由于 ng2-boostrap 适用于这两个包，它只是检测安装的 bootstrap 包，仅此而已。它对我有用。

How to switch from Bootstrap 3 to Bootstrap 4 with ng2-bootstrap?