I'm new to learning bootstrap and am tryin to make my site a responsive nav bar. When I collapse the page, I can't see the typical dropdown hamburger icon but I still am able to click an invisible dropdown button in the center middle of my page. Any guidance as to how to change the nav dropdown icon color would be greatly appreciated!
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<nav class="navbar navbar-custom navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1">
<!-- <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span> -->
</button>
</div>
<div class="nav collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="index.php">Home</a></li>
<li><a href="#mailing">Mailing List</a></li>
<li><a href="#pricing">Shop</a></li>
<li><a href="#tour">Tour</a></li>
</ul>
</div>
</div>
</nav>
与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
