I'm unable to access the bootstrap CSS in angular 2 please check the bellow code.

[kveeresh49]

Hi Team,
#2810 #2843

I running the angular project , in package.json i written the ""ng2f-bootstrap": "0.0.4",

package.json

"private": true,
"dependencies": {
"@angular/animations": "^4.2.4",
"@angular/common": "^4.2.4",
"@angular/compiler": "^4.2.4",
"@angular/core": "^4.2.4",
"@angular/forms": "^4.2.4",
"@angular/http": "^4.2.4",
"@angular/platform-browser": "^4.2.4",
"@angular/platform-browser-dynamic": "^4.2.4",
"@angular/router": "^4.2.4",
"ng2f-bootstrap": "0.0.4",
"core-js": "^2.4.1",
"rxjs": "^5.4.2",
"zone.js": "^0.8.14"
},

For that Html

here importing the "ng2f-bootstrap":0.04,
after running the project bootstrap css is not applying only its applying global css.

For that i changed the code like , i copy and pasted the css into global css i,e style.css ,
Then i got error like this

./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader?{"ident":"postcss"}!./src/styles.css
Module not found: Error: Can't resolve '../fonts/glyphicons-halflings-regular.eot' in 'C:\Users\user\Desktop\angular-programs-john-papa\angular-evvent-app\src'
@ ./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader?{"ident":"postcss"}!./src/styles.css 6:3886-3938 6:3961-4013
@ ./src/styles.css
@ multi ./src/styles.css

[kveeresh49]

Yes i fixed that one like bellow.

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

  ],

[kveeresh49]

hh.zip
gg.zip

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}