Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Import Bootstrap in Angular 6 with ng add

See original GitHub issue

With the last version of Angular (6.0.0) there is a CLI to automatically add dependencies to an angular project. This makes it possible to import the NPM library and to modify the files of the project to use this library. https://blog.angular.io/version-6-of-angular-now-available-cc56b0efa7a4#cff5

It could be great to have a shematic to just have to launch ng add bootstrap and the last version of bootstrap is added in the package.json, installed and the main style file import the bootstrap css or scss.

Issue Analytics

State:
Created 5 years ago
Reactions:1
Comments:6 (4 by maintainers)

Top GitHub Comments

5reactions

oleksiipotiekhin-zzcommented, Aug 16, 2018

There should be a @bootstrap/schematics for angular! To use ng add bootstrap or ng add @bootstrap/schematics to combine bootstrap and angular. It will improve integration experience by 200%.

2reactions

Johann-Scommented, May 7, 2018

@mdo it’s to allow Angular user to install the last release of Bootstrap easely

I’m not against it, but I’ll have to dig it a bit before adding that

Top Results From Across the Web

How to add bootstrap in angular 6 project? - Stack Overflow

Configuration · OPTION-1 execute npm install bootstrap@4 jquery --save · OPTION 2. Add files from CDN (Content Delivery Network) to your project ...

Getting Started - Angular powered Bootstrap

Add bootstrap CSS/SCSS to your project (no javascript is required); Import NgbModule , or any other component module like NgbPaginationModule , or directly ......

Add Bootstrap 4 to Angular 6 or Angular 7 application

Once installed, you need to import our main module and add the imported module in the root module. To do that, open app.module.ts...

How to Add Bootstrap to an Angular Application

Let's create the application with the Angular base structure using the @angular/cli with the route file and the SCSS style format. ng new ......

How to Add Bootstrap to an Angular CLI project - Loiane Groner

1: Creating an Angular project with Angular CLI · 2: Installing Bootstrap from NPM. 2.1: Alternative: Local Bootstrap CSS · 3: Importing the...