twitter-bootstrap – Angular 4：如何包含Bootstrap？

发布时间：2020-12-17 21:19:30 所属栏目：安全来源：网络整理

导读：我是一个后端开发人员,我只是在玩Angular4.所以我做了这个安装教程： https://www.youtube.com/watch?v=cdlbFEsAGXo. 鉴于此,我如何添加bootstrap到应用程序,所以我可以使用类“container-fluid”或“col-md-6”等类似的东西？解决方法 npm install --save

我是一个后端开发人员,我只是在玩Angular4.所以我做了这个安装教程： https://www.youtube.com/watch?v=cdlbFEsAGXo.

鉴于此,我如何添加bootstrap到应用程序,所以我可以使用类“container-fluid”或“col-md-6”等类似的东西？

解决方法

npm install --save bootstrap

然后,在angular-cli.json里面(在项目的根文件夹中),找到样式并添加bootstrap css文件,如下所示：

"styles": [
   "../node_modules/bootstrap/dist/css/bootstrap.min.css","styles.css"
],

更新：在角度6中,角度cli.json被改为angular.json.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!