码迷,mamicode.com
首页 > 其他好文 > 详细

angualr引入bootstrap部分效果失效。

时间:2018-05-06 18:52:20      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:esc   styles   不能   mod   资料   nav   pps   哈哈   项目开发   

  周末没事儿做,闲着也是闲着,就看了一下angular的项目开发的视频,按照视频中的例子一步一步的做,发现一个问题,(视频中讲的跟自己实际中做的都不一样,视频中的东西一步就可以通过,自己做的话,步步报错,说笑的),还是发现了一些问题的。

比如说angular中引入jQuery和bootstrap,npm i jquery -- save 和npm i bootstrap --save 命令可以引入,

只引入了,不能使用,因为angular中使用的typescript语法,

所以还要用以下的命令加进去:npm i @types/jquery --save-dev npm i @types/bootstrap --save-dev;

在.angular-cli.json文件中的apps下的styles和scripts里分别写入(百度的)

   "../node_modules/_bootstrap@3.3.7@bootstrap/dist/css/bootstrap.min.css",                    

   "../node_modules/_jquery@3.2.1@jquery/dist/jquery.js",
    "../node_modules/_bootstrap@3.3.7@bootstrap/dist/js/bootstrap.min.js"

可是发现视频中的一个navbar 控件在我自己中的项目中死活不起作用 (navbar-inverse navbar-fixed-top)

,后来查资料才发现,是因为bootstrap的版本(4.1.1)的问题,最近的版本要使用 navbar navbar-dark bg-dark,

经过半天的折腾还是有收获的,哈哈。

 

angualr引入bootstrap部分效果失效。

标签:esc   styles   不能   mod   资料   nav   pps   哈哈   项目开发   

原文地址:https://www.cnblogs.com/lsy26821/p/8998954.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!