How to add bootstrap to a nodejs project

Question

I have already run

npm install bootstrap

and its located in the node_modules file, but I'm not seeing it link with my .html files. I know I can include the style sheets with the bootstrap url, but I'd rather set it up "right". Is there a certain file path I need to add to the index.html file, or something?

Thanks.

You need to reference both the JS and CSS files. You also need to reference 'bootstrap' rather than 'boostrap'. — Obsidian Age
– Obsidian Age, Commented Feb 21, 2018 at 1:19
Thanks for catching that! Oops! How would I reference the CSS files of bootstrap? Could you show me an example please? — user7203943
– user7203943, Commented Feb 21, 2018 at 1:21

Dinusha Naveen · Accepted Answer · 2018-02-21 01:36:30Z

3

to add bootstrap to your node project you have to type npm install --save bootstrap and it will run a little time and after installation you will see a bootstrap library in node_modules folder.

After you can set up bootstrap to your project. To do it you have to edit angular-cli.json file.Go into it and open inverted commas inside the square bracket under styles and type as this "../node_modules/bootstrap/dist/css/bootstrap.min.css" save it. Then start the server again by giving command ng serve. I hope you could be able to manage your issue.

answered Feb 21, 2018 at 1:36

Dinusha Naveen

1701 gold badge2 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

How to add bootstrap to a nodejs project

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related