如何在Angular 2项目中使用Bootstrap css库-阿里云开发者社区

开发者社区> 互联网编程> 正文

如何在Angular 2项目中使用Bootstrap css库

简介: https://gxnotes.com/article/44391.html 如果您使用Angular-CLI来生成新的项目,那么还有另一种方法可以在角度2/4中使用引导。
+关注继续查看

https://gxnotes.com/article/44391.html

如果您使用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 bootstrap
2、将这两个第三方框架放入到依赖中去
npm install -D @types/jquery @types/bootstrap
3、修改.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"
]
``

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Discord 公司如何使用 Cassandra 存储上亿条线上数据
Discord 是一款国外的类似 YY 的语音聊天软件。Discord 语音聊天软件及我们的 UGC 内容的增长速度比想象中要快得多。随着越来越多用户的加入,带来了更多聊天消息。2016 年 7 月,每天大约有 4 千万条消息;2016 年 12 月,每天超过亿条。
4195 0
在 Xcode 项目中使用 swift package fetch
本文讲的是在 Xcode 项目中使用 swift package fetch,到目前为止,Cocoa with Love 的 git 仓库都使用“git subtrees”来管理相关依赖,所有的依赖都被拷贝并静态存放于依赖方目录下。我希望能找到一种更动态地依赖管理方式来代替现有的方案
1371 0
持续集成之道:在你的开源项目中使用Travis CI
自从接触并践行了敏捷的一些实践之后,便深深的喜欢上了敏捷。尤其是测试自动化和持续集成这两个实践,可以显著的提高软件的质量和集成效率,实时检测项目健康度,使团队成员对项目保持充足的信心。 但是对于个人项目而言,虽然测试自动化好实现,但是要实现持续集成还是稍有难度。
959 0
个人用户如何手动在ECS实例上部署Java web项目?
本篇文档介绍如何手动在ECS实例上部署Java web项目。适用于刚开始使用阿里云进行建站的个人用户。
1685 0
Class 5 - 创意日-垃圾分类项目
阿里云高校计划视觉AI五天训练营教程
644 0
bootstrap-datetimepicker 的使用
          在web开发中,难免会用到时间选择控件,也正好也在使用bootstrap,所以就找到了bootstrap-datetimepicker 这个插件,下面把这个插件的使用记录一下,以做备忘。
1401 0
+关注
互联网编程
讲个笑话,我有50年的Java编程经验,哈哈哈
224
文章
2
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载