NavBar Buttons not working properly

Hi. I copy-pasted the code from your website

<mdb-navbar SideClass="navbar navbar-expand-lg navbar-dark indigo">
<logo>
<aclass="navbar-brand"href="">Navbar</a>
</logo>
<links>
<ulclass="navbar-nav">
<liclass="nav-item active">
<aclass="nav-link waves-light"mdbWavesEffect>Home <spanclass="sr-only">(current)</span></a>
</li>
<liclass="nav-item">
<aclass="nav-link waves-light"mdbWavesEffect>Features</a>
</li>
<liclass="nav-item">
<aclass="nav-link waves-light"mdbWavesEffect>Pricing</a>
</li>
<liclass="nav-item dropdown btn-group"dropdown>
<adropdownToggletype="button"class="nav-link dropdown-toggle waves-light"mdbWavesEffect>
Basic dropdown<span class="caret"></span></a>
<div *dropdownMenuclass="dropdown-menu dropdown dropdown-primary"role="menu">
<aclass="dropdown-item waves-light"href="#"mdbWavesEffect>Action</a>
<aclass="dropdown-item waves-light"href="#"mdbWavesEffect>Another action</a>
<aclass="dropdown-item waves-light"href="#"mdbWavesEffect>Something else here</a>
<divclass="divider dropdown-divider"></div>
<aclass="dropdown-item waves-light"href="#"mdbWavesEffect>Separated link</a>
</div>
</li>
</ul>
</links>
</mdb-navbar>
It gives me the right color and stuff but the dropdown button is not styled. It's just silver and the text is white and hard to see. If I click it, nothing happens.