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

我为一个Angular 2项目使用ng2-bootstrap。如何使用ng2-bootstrap从Bootstrap 3切换到Bootstrap 4？

该软件包同时支持引导程序3和4.在我安装它之后，它默认使用引导程序3。我没有找到任何有关切换的信息。

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

谢谢！

2016-01-29 Hongbo Miao

他们说'它和v3和v4配合得很好'，但是完全没有任何东西可以显示如何切换文档:-( –

你要设置主题，以bootstrap4

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

Ng2BootstrapConfig.theme = Ng2BootstrapTheme.BS4;

注：上面的代码应该将主要成分之前使用。在相同的地方，你会使用angular2的enableProdMode();

来源

2016-01-29 19:07:33 Vamsi

谢谢，但它显示'Module''ng2-bootstrap''没有导出成员'Ng2BootstrapConfig'。''模块''ng2-bootstrap''没有导出成员'Ng2BootstrapTheme'.' –

请确保您正确引用它们，它们正在导出，如此处所示https://github.com /valor-software/ng2-bootstrap/blob/master/components/ng2-bootstrap-config.ts – Vamsi

谢谢@Vamsi对不起，我的问题是关于Angular2，所以你的回答是一个正确的答案，但是，我实际上创建了一个angular2-meteor项目，我认为问题是'Ng2BootstrapConfig'和'Ng2BootstrapTheme'没有被导出到** ng2-bootstrap.d.ts **文件中，所以我创建了一个问题https：// github的.com /勇气那么ftware/ng2-bootstrap/issues/114 –

其实Vamsi的答案是不适用于我在当前版本。我通过源代码，看了看，这样做的工作：

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

来源

2016-04-13 13:46:46

你在哪里放置代码的地方？您应该在您的应用程序的主要组件之前放置代码 – Vamsi

您可以在此处附加'window .__主题'不做任何事情，它们使用该值根据该值更改'Ng2BootstrapConfig.theme' https：/ /github.com/valor-software/ng2-bootstrap/blob/development/demo/index.ts#L26 – Vamsi

这个解决方案适用于我@Vamsi没有的地方。使用RC.3和Webpack入门套件。 – SimonHawesome

简单：

卸载自举包 npm uninstall --save bootstrap

安装在html

把这个在您的<head>顶部助推器4包 npm install --save [email protected]

由于ng2-boostrap适用于这两个软件包，它只是检测安装的bootstrap软件包，这就是全部。它为我工作。

来源

2016-12-29 09:40:57 ivanbtrujillo

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

回答

相关问题