Question

我正在使用ng2-bootstrap进行Angular 2项目。

此软件包支持Bootstrap 3和4.安装后，它默认使用Bootstrap 3。我没有找到任何关于切换的信息。

如何从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适用于这两种软件包，它只是检测安装的引导程序包以及所有软件包。它为我工作。