angular.io bootstrap集成

时间:2017-08-05 17:48:03

标签: twitter-bootstrap angular angular-cli

我无法再通过.angular-cli.json将twitter bootstrap应用于由角度cli生成的vanilla角度构建。这曾经工作得很好,但升级到最新版本的节点和角度cli和git bash后,我再也无法这样做了。

顺便说一下,我对src目录中的styles.css所做的任何更改都没有应用。我可能忽略了什么吗?

技术细节
os:Windows 10
节点:v6.11.2
@ angular / cli:1.2.7
git:2.13.3
bootstrap:^ 3.3.7

步骤
使用git bash
 1. ng new abc
 2. cd abc
 3. npm install --save bootstrap
 4.在.angular-cli.json中编辑样式
Error:Gradle DSL method not found: 'minSdkVersion()'
 5. ng服务  6.导航至http://localhost:4200

Angular cli留言
"styles": ["../node_modules/bootstrap/dist/css/bootstrap.min.css", "styles.css"]

屏幕截图链接
没有应用任何样式
http://i.imgur.com/Yo58c4L.png

3 个答案:

答案 0 :(得分:0)

请执行以下步骤:     npm install bootstrap-sass ng2-bootstrap --save     更新角度cli json文件
    "风格":[
        " style.scss&#34 ;,
        " ../ node_modules /自举-SASS /资产/样式表/ _bootstrap.scss     ],

答案 1 :(得分:0)

angular使用webpack。在webpack.config.js的样式部分添加你的css。可能有一个src / style.css文件,您也可以在其中导入它。

答案 2 :(得分:0)

首先,感谢您的所有回复和建议。

简而言之

  • 如果通过cmd提示生成角度项目
  • ,则会正确导入Styles.css和引导样式
  • 如果角项目是使用git bash生成的,那么Styles.css和bootstrap样式无效,这就是我正在使用的。

我能够在两台独立的机器Windows 10和Windows 7上复制相同的症状。