bootstrap not connect to the angular 6?

2
votes
npm install bootstrap

Configure angular.json:

"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.scss"
]

Import directly in src/style.css:

@import '~bootstrap/dist/css/bootstrap.min.css';

after this i got this error:

ERROR in multi ./styles/bootstrap-4/css/bootstrap.min.css ./src/styles.css Module not found: Error: Can't resolve '/Users/kobi.ktk/Documents/3yr/UI/a4app/styles/bootstrap-4/css/bootstrap.min.css' in '/Users/kobi.ktk/Documents/3yr/UI/a4app'

1
angularbootstrap-4
whild guess, should it be? @import '~/bootstrap/dist/css/bootstrap.min.css'; - Hooman Bahreini
Remove tilt from style.css - Sanoj_V
ya ,already import @Hooman - kobi
Try using this @import 'bootstrap/dist/css/bootstrap.min.css'; instead of @import '~bootstrap/dist/css/bootstrap.min.css'; this. - Sanoj_V
If you're adding it to the styles block in the angular.json then direct import is not required. - Niral Munjariya

1 Answers

6
votes

In angular 6 you have to do it as bellow:

npm install --save bootstrap

Then only in src/style.css file add:

@import 'bootstrap/dist/css/bootstrap.min.css';

In angular 6 you don't have to add script to angular.json file