Hello,

I already install the MDBootsrap  for my angular project . I copied the Navbar code from Basic example

from this link : ' https://mdbootstrap.com/angular/components/navbars ' but the code is not working

properly  as  it seems to be work on the same page whose link i have mentioned. Please help me with the

issue , the main problem is with dropdown items, onhover they does not show any wave effect. and when

i resize the width of the page to check the responsiveness there is the problem in the right side

<!--Navbar-->
<mdb-navbar SideClass="navbar navbar-expand-lg navbar-dark black">

<!-- Navbar brand -->
<logo><aclass="navbar-brand"href="#">Navbar</a></logo>
<!-- Collapsible content -->
<links>
<!-- Links -->
<ulclass="navbar-nav mr-auto">
<liclass="nav-item ">
<aclass="nav-link waves-light"mdbRippleRadius>Home<spanclass="sr-only">(current)</span></a>
</li>
<liclass="nav-item">
<aclass="nav-link waves-light"mdbRippleRadius>Features</a>
</li>
<liclass="nav-item">
<aclass="nav-link waves-light"mdbRippleRadius>Pricing</a>
</li>
<!-- Dropdown -->
<liclass="nav-item dropdown"dropdown>
<adropdownTogglemdbRippleRadiustype="button"class="nav-link dropdown-toggle waves-light"mdbRippleRadiusstyle="background-color:black">
Basic dropdown<span class="caret"></span></a>
<div *dropdownMenuclass="dropdown-menu dropdown dropdown-primary"role="menu">
<aclass="dropdown-item waves-light"mdbRippleRadiushref="#">Action</a>
<aclass="dropdown-item waves-light"mdbRippleRadiushref="#">Another action</a>
<aclass="dropdown-item waves-light"mdbRippleRadiushref="#">Something else here</a>
<divclass="divider dropdown-divider"></div>
<aclass="dropdown-item waves-light"mdbRippleRadiushref="#">Separated link</a>
</div>
</li>
</ul>
<!-- Links -->
<!-- Search form -->

</links>
<!-- Collapsible content -->
</mdb-navbar>
<!--/.Navbar-->