Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Install bootstrap locally using Angular CLI

Posted on 2016-11-12
2
Medium Priority
?
439 Views
Last Modified: 2016-11-13
Hello there,

Using this as my guide https://github.com/angular/angular-cli#global-library-installation, I added these two lines of code in my angular-cli.json file,like so and installed bootstrap by running npm install bootstrap@3. But still the bootstrap css is not taking over in my app.

"styles": ["node_modules/bootstrap/dist/css/bootstrap.css",
        "styles.css"
      ],
"scripts": ["node_modules/bootstrap/dist/js/bootstrap.js"],

Open in new window


I also added this line in my index.html but did not help.

<link href="node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />

Open in new window


Please help!!

cheers
Zolf
0
Comment
Question by:zolf
2 Comments
 
LVL 27

Accepted Solution

by:
BigRat earned 2000 total points
ID: 41885359
Aren't these one level up?

"styles": ["../node_modules/bootstrap/dist/css/bootstrap.css",
        "styles.css"
      ],
"scripts": ["../node_modules/bootstrap/dist/js/bootstrap.js"],

Open in new window

0
 

Author Closing Comment

by:zolf
ID: 41885873
cheers
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
Suggested Courses

971 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question