Не верно работает выпадающее меню

Написал короткий код из данного видео-урока (https://www.youtube.com/watch?v=H2xHzCWJRHg), но код работает неверно. Из проблем хочу выделить то, что navbar-expand-lg не работает, все пункты меню светятся синим, подскажите пожалуйста как это исправить. Писал на Material Design Bootstrap. Вот код:

Material Design Bootstrap
<header>
	<nav class="navbar navbar-expand-lg navbar-dark fixed-top scrolling-navbar"></nav>
		<div class="container">
			<a href="#" class="navbar-brand">Navbar</a>
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#BasicExampleNav" aria-controls="#BasicExampleNav" aria-expanded="false" aria-label="Toggle Navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="collapse navbar-collapse" id="BasicExampleNav">
				<ul class="navbar-nav mr-auto smooth-scroll">
					<li class="nav-item">
						<a href="#intro" class="nav-link waves-effect waves-light">Home</a>
					</li>
					<li class="nav-item">
						<a href="#ga" class="nav-link waves-effect waves-light">Blog</a>
					</li>
					<li class="nav-item">
						<a href="#f" class="nav-link waves-effect waves-light">Admin</a>
					</li>
					<li class="nav-item">
						<a href="#a" class="nav-link waves-effect waves-light">Money</a>
					</li>
					<li class="nav-item">
						<a href="#r" class="nav-link waves-effect waves-light">Contact</a>
					</li>
				</ul>
			</div>
		</div>
</header>