How to add Bootstrap 4 to Angular-CLI project ?

How to add Bootstrap 4 to Angular-CLI project ? Basically bootstrap can be configured in angularjs 2 or angular-cli through ng-bootstrap or directly using bootstrap. Here we are going to see how to add bootstrap 4 to angular-cli project. Prerequest: Node js should be installed in your machine.   Read how to install Node JS here, How to install Node JS

574 total views, 1 views today

» Read more

Autocomplete using AngularJS 2 with Bootstrap 4

Autocomplete using AngularJS 2 with Bootstrap 4: Autocomplete is a functionality that completes words/phrases/strings without the need to type them in full. It predicts the remaining strings/words/phrases/characters based on the input or the word has been typed so far. If you are looking autocomplete functionality using jQuery then check in the below link, Autocomplete using jQuery, PHP and MySQL This

399 total views, no views today

» Read more

Dynamic render content on radio button change using bootstrap 4, jQuery

Dynamic render content on radio button change using bootstrap 4, jQuery: Interactive dynamic render content (here coupon and offer) is displayed on click coupon/offer radio button. UI is designed using bootstrap 4. jQuery is used to hide and show the respective contents(coupon/offer) on radio button change. By default both is displayed with the one more radio button named “All”.  

244 total views, no views today

» Read more

Bootstrap 4 Vs ng-Bootstrap in AngularJs 2 ?

Bootstrap 4 Vs ng-Bootstrap in AngularJs 2 ? Bootstrap is an opensource responsive css framework developed and maintained by twitter and bootstrap 4 now came up with lot of enhancements, utility classes and even increase one more media query for a better design across the devices.   Why we need ng-Bootstrap ? As like bootstrap angularjs is also an opensource

369 total views, 1 views today

» Read more

Bootstrap 4 Responsive Megamenu With 6 Columns Example

Bootstrap 4 Responsive Megamenu With 6 Columns Example: In the last post, I posted the simple megamenu, in this I am posting responsive megamenu with 6 columns which will looks something like ecommerce or any affiliate networking site megamenu style.   Bootstrap 4 Responsive Megamenu With 6 Columns Example Source code: <!DOCTYPE html> <html lang=”en”> <head> <!– Required meta tags –>

495 total views, 1 views today

» Read more

Bootstrap 4 Responsive Megamenu Example

Bootstrap 4 Responsive Megamenu Example: Megamenu is one of the most important feature and need for ecommerce and business websites. There are lot of mega menu samples and examples for bootstrap 3. Since the bootstrap 4 came up with major changes, you can not use those examples/samples to make mega menu with bootstrap 4. Bootstrap 4 cheat sheet with all

2,631 total views, 3 views today

» Read more

Bootstrap 4 Responsive Slider Example

Bootstrap 4 Responsive Slider Example: Bootstrap 4 slider came up with 5 different devices responsiveness along with slider next/previous button and the slider indicator. Which also came up with the text over the slider. Bootstrap 4 is released recently with major update. As per Bootstrap official changelog, Bootstrap 4 has been a massive undertaking that touches nearly every line of

467 total views, no views today

» Read more

Bootstrap 4 All Classes List – Cheat Sheet

Bootstrap 4 is released with much update mainly with flex options. I have shared bootstrap 4 all classes list below and this will be your cheat sheet for quick reference. Bootstrap 4 came up with a lot of new classes and modifications of existing classes. Bootstrap 4 is having around 300 classes. Please find below:   .active .alert .alert-dismissible .alert-heading .alert-*

434 total views, 1 views today

» Read more