博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何在Angular 2项目中使用Bootstrap css库
阅读量:5789 次
发布时间:2019-06-18

本文共 705 字,大约阅读时间需要 2 分钟。

如果您使用Angular-CLI来生成新的项目,那么还有另一种方法可以在角度2/4中使用引导。

  • 通过命令行界面导航到项目文件夹。然后用npm安装bootstrap:$ npm install --save bootstrap。 --save选项将使引导出现在依赖关系中。
  • 编辑.angular-cli.json文件,它配置您的项目。它在项目目录中。添加对"styles"数组的引用。引用必须是使用npm下载的引导文件的相对路径。在我的情况下是:"../node_modules/bootstrap/dist/css/bootstrap.min.css"

Angular2与Bootstrap、Jquery集成方法

1、在工程目录下面安装以下两个包npm install -S jquery bootstrap2、将这两个第三方框架放入到依赖中去npm install -D @types/jquery @types/bootstrap3、修改.angular-cli.json文件 "styles": [    "styles.css",    "../node_modules/bootstrap/dist/css/bootstrap.min.css"  ],  "scripts": [    "../node_modules/jquery/dist/jquery.js",    "../node_modules/bootstrap/dist/js/bootstrap.js"  ],4、修改tsconfig.app.json文件"types": [  "jquery",  "bootstrap"]``

转载地址:http://wbqyx.baihongyu.com/

你可能感兴趣的文章
关于EXPORT_SYMBOL的作用浅析
查看>>
成功的背后!(给所有IT人)
查看>>
在SpringMVC利用MockMvc进行单元测试
查看>>
Nagios监控生产环境redis群集服务战
查看>>
Angular - -ngKeydown/ngKeypress/ngKeyup 键盘事件和鼠标事件
查看>>
Android BlueDroid(一):BlueDroid概述
查看>>
Java利用httpasyncclient进行异步HTTP请求
查看>>
宿舍局域网的应用
查看>>
html代码究竟什么用途
查看>>
Hadoop HDFS编程 API入门系列之路径过滤上传多个文件到HDFS(二)
查看>>
Python version 2.7 required, which was not foun...
查看>>
context:annotation-config vs component-scan
查看>>
exgcd、二元一次不定方程学习笔记
查看>>
经典sql
查看>>
CSS3边框会动的信封
查看>>
JavaWeb实例设计思路(订单管理系统)
查看>>
source insight中的快捷键总结
查看>>
PC-IIS因为端口问题报错的解决方法
查看>>
java四种线程池简介,使用
查看>>
ios View之间的切换 屏幕旋转
查看>>