I'm attempting to utilize the Bootstrap class "icon-bar," but it's not displaying on the screen. Although the elements are present on the screen, their default height and width appear to be 0.
I've searched through numerous questions on Stack Overflow and other websites, but I haven't found any solutions.
Here is the code:
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top bg-light">
<div class="containter">
<button type="button" class ="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
</nav>
</body>
Image: https://i.sstatic.net/foT61.png
Links that were referenced:
Bootstrap icon-bar span not visible
Bootstrap icon-bar not showing
Bootstap:span class icon bar not working