Solved

Install bootstrap locally using Angular CLI

Posted on 2016-11-12
2
237 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 27

Accepted Solution

by:
BigRat earned 500 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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Make page layout not change with page 1 34
Flex container in CSS 8 45
Disabling a Faux Submit Button 4 41
How does this modal work? 3 34
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …

739 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