angular 2 bootstrap CSS not loading

Question

I started a new angular 2 project with ng-bootstrap. I can see the bootstrap js working fine, but not the CSS. Do I need to include those CSS explicitly, which I doubt would be the case, but I may be wrong too.

I even tried adding the bootstrap.css in my component, but nothing happened. Adding it on index.html does make the difference but I didn't want to call explicitly unless there is no other way.

Thanks,

yes, I installed through ng-bootstrap.github.io/#/getting-started, and starting the server through ng serve — Manish Kumar
– Manish Kumar, Commented Mar 28, 2017 at 8:14

Manish Kumar · Accepted Answer · 2018-02-13 09:41:58Z

2

Glyphicon are no longer supported in Bootstrap 4, so missing fonts were the root cause rather than css.

Dropped the Glyphicons icon font. If you need icons, some options are: the upstream version of Glyphicons Octicons Font Awesome

src: https://v4-alpha.getbootstrap.com/migration/

edited Feb 13, 2018 at 9:41

answered Mar 28, 2017 at 19:57

Manish Kumar

7,25918 gold badges68 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

YounesM Over a year ago

Don't forget to accept your own answer, it could help others who stumble upon the same problem.

YounesM · Accepted Answer · 2017-03-28 08:15:34Z

1

Since you are using angular-cli you can add the path to your global css files in the angular-cli.json file to add it globally:

"styles": [
   "../node_modules/path/to/bootstrap.css",
   "styles.css"
]

answered Mar 28, 2017 at 8:15

YounesM

2,31717 silver badges30 bronze badges

8 Comments

Manish Kumar Over a year ago

It didn't bring any style in my code: <i class="glyphicon glyphicon-heart" [class.highlighted]="iLike" (click)="click()"> </i>

Manish Kumar Over a year ago

And it also overwrite my existing style, so it is pulling the css. It might be the case that probably glyphicon would be missing into it.

YounesM Over a year ago

you're probably missing the font not the CSS

Manish Kumar Over a year ago

But I didn't found any font in bootstrap, do we have manually include it somewhere?

YounesM Over a year ago

No, they comme with the bootstrap module : imgur.com/GDZxaaN Did you npm install bootstrap ? If I'm not mistaking ng2-bootstrap contains only the components not the css files.

|

Collectives™ on Stack Overflow

angular 2 bootstrap CSS not loading

2 Answers 2

1 Comment

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related