3

我正在将ng2-bootstrap用于 Angular 2 项目。

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

如何从 Bootstrap 3 切换到 Bootstrap 4？我应该在文件中写一些东西tsconfig.json吗？

谢谢！

4

3 回答 3

4

您必须将主题设置为 bootstrap4

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

Ng2BootstrapConfig.theme = Ng2BootstrapTheme.BS4;

注意：上面的代码应该在你的主要组件之前使用。您将使用 angular2 的同一个地方enableProdMode();

于 2016-01-29T19:07:33.640 回答
4

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

把它放在<head>html 的顶部：

<script type="text/javascript">
    // temporary hack for enable bootstrap 4
    window.__theme = 'bs4';
</script>
于 2016-04-13T13:46:46.563 回答
1

简单的：

卸载 boostrap 包 npm uninstall --save bootstrap

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

由于 ng2-boostrap 对这两个包都有效，它只检测已安装的引导包，仅此而已。它对我有用。

于 2016-12-29T09:40:57.537 回答