Angular 6 – Adding Bootstrap 4 Dropdown Menu in Angular Application and ng-bootstrap



https://i.ytimg.com/vi/M3ZdUyaPeVg/hqdefault.jpg



▶ Check out my gear on Kit: https://kit.com/codewithsrini

How to add a library like bootstrap 4 in Angular 6 applications and use ng-bootstrap to attach behaviour for dropdown menu.

Table of Contents:
***********************
00:00:21 – Creating new Angular project
00:01:44 – npm install Bootstrap
00:03:45 – Import Bootstrap stylesheet in Angular project
00:04:54 – Add Bootstrap starter template
00:07:00 – Creating navigation component
00:09:04 – Getting the dropdown working
00:10:58 – Installing ng-bootstrap

Source Code
*************
https://github.com/codewithsrini/Angular6Bootstrap4—Dropdown-Menu

Blog:
*****
▶ http://www.codewithsrini.com

Original source


7 responses to “Angular 6 – Adding Bootstrap 4 Dropdown Menu in Angular Application and ng-bootstrap”

  1. Two custions:

    1. With jquery.slim.min.js and jpopper.min.js installed, the chrome console displays the following error:

    popper.min.js: 4 Uncaught TypeError: Can not set property 'Popper' of undefined

    at popper.min.js: 4

    at popper.min.js: 4

    2. Uninstalling jquery.slim.min.js and jpopper.min.js, the chrome console shows:

    Uncaught TypeError: Can not read property 'fn' of undefined

    at bootstrap.min.js: 6

    at bootstrap.min.js: 6

    at bootstrap.min.js: 6

Leave a Reply