title: Collapsed Navbar only showing on small screen size bootstrap
body: <p>I am trying to implement a navbar that collapses when on small devices. This works properly. </p>
  
  <p>However, on medium and large screens, the navbar does not show up at all. I want the navbar to appear like a normal navbar for medium and large screens and then collapse into the navbar button for small devices. I'm following the bootstrap template and have no idea why the navbar doesn't show up at all.</p>
  
  <pre><code>  &lt;div class = "container"&gt;
  
       &lt;nav class="navbar navbar-default" &gt;
              &lt;div class="navbar-header"&gt;
                  &lt;a class="navbar-brand" href="#"&gt;
                      &lt;img alt="logo" src="logo.png" width="250px;"&gt;
                  &lt;/a&gt;
                  &lt;button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#collapse-navbar" aria-expanded="false" aria-controls="navbar"&gt;
                      &amp;#9776;
                  &lt;/button&gt;
              &lt;/div&gt;
              &lt;div class="navbar-collapse collapse" id="collapse-navbar"&gt;    
                  &lt;ul class="nav navbar-nav"&gt;
                      &lt;li class= "nav-item"&gt;&lt;a class= "nav-link active" href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li class= "nav-item"&gt;&lt;a class= "nav-link" href="#"&gt;Build&lt;/a&gt;&lt;/li&gt;
                      &lt;li class= "nav-item"&gt;&lt;a class= "nav-link" href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
       &lt;/nav&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's a code pen link: <a href="https://codepen.io/gkunthara/pen/VWdrYj" rel="nofollow noreferrer">https://codepen.io/gkunthara/pen/VWdrYj</a></p>