Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

ngBootstrap or Bootstrap 4

I have two questions:

First, does ngBootstrap support Angular 4? I can see examples on Google where people are using Angular 4 with ngBootstrap but at the official site they have mentioned that it has dependencies on Angular 5 and higher?

https://ng-bootstrap.github.io/#/getting-started

Screenshot:

enter image description here

Second question, I am confused between which one to use out of ngBootstrap or Bootstrap 4 for my project which requires a lot of custom styling of controls. Previously I have worked with Bootstrap 3 and I know how to customize it using custom_variables and Bootstrap 4 works in the same fashion but I can't find how ngBootstrap works for customization. One thing I know about that is by using ng-deep or /deep/ or >>> but how to give style to the controls in general?

like image 414
Aayushi Jain Avatar asked Dec 23 '17 10:12

Aayushi Jain


People also ask

Is ng-bootstrap same as bootstrap?

ng-bootstrap depends on Bootstrap's CSS being available, but you don't need the Bootstrap JS or jQuery dependencies. This will take care of adding the CSS dependencies for Bootstrap and Font Awesome.

Does bootstrap work with Angular 14?

The latest stable version of @ng-bootstrap/ng-bootstrap which today 6/16/2022 is 12.1. 2 is designed for Angular 13. The error you are seeing is due to the fact they have a peerDependecy to Angular 13 in their library. ng add @ng-bootstrap/ng-bootstrap@next with Angular 14.0.

How do I know if bootstrap is working Angular?

In the architect , build section, or even test section if you want to see Bootstrap working as well when testing your application. "styles": [ "styles. css", "./node_modules/bootstrap/dist/css/bootstrap.

What is Ng-bootstrap in Angular?

What is ng-bootstrap? ng-bootstrap is an open-source repository that provides a couple of native Angular widgets which are built using Bootstrap 4 CSS. As you know Bootstrap is one of the most popular CSS frameworks which is used to build stylish and modern applications, which has HTML, CSS and JavaScript libraries.


1 Answers

Does ngBootstrap support Angular 4?

Not anymore, the last version that support Angular 4 was ng-bootstrap 1.0.0-beta.6

Which one to use out of ngBootstrap or Bootstrap 4?

ng-bootstrap can't work without Bootstrap 4 and the customisation of SASS variables is inside Bootstrap 4.

ng-bootstrap is just a replacement of the Javascript of Bootstrap in order to implement it in Angular.

like image 165
Bastien Avatar answered Oct 19 '22 21:10

Bastien