Could someone shed some light on why my tabs and navigation bar dropdown button are not functioning properly?
<div class="col-12">
<h2>Corporate Leadership</h2>
<ul class = "nav nav-tabs">
<li class = "nav-item">
<a class = "nav-link active" href = "#peter" role = "tab" data-toggle = "tab">Peter Pan, CEO</a>
</li>
<li class = "nav-item">
<a class = "nav-link active" href = "#witherspoon" role = "tab" data-toggle = "tab">Dhanasekaran Witherspoon, CFO</a>
</li>
<li class = "nav-item">
<a class = "nav-link active" href = "#tang" role = "tab" data-toggle = "tab">Agumbe Tang, Chief Taste Officer</a>
</li>
<li class = "nav-item">
<a class = "nav-link active" href = "#alberto" role = "tab" data-toggle = "tab">Alberto Somayya, Executive Chef</a>
</li>
</ul>
...
</div>
The error message below is due to a limitation with Stack Overflow's posting capabilities.