title: Logo not appearing in nav bar / Bootstrap
body: <p>I'm currently building a website and can't work out why my logo is not appearing. I added a h1 tag within the same div, which displays and also displays the logo underneath however once I delete the h1 tag the logo disappears as well? I added it to a demo here <a href="http://dev.samuelrhys.com/productwave/" rel="nofollow noreferrer">http://dev.samuelrhys.com/productwave/</a></p>
  
  <p>Thanks,</p>
  
  <p></p>
  
  <pre><code>&lt;div id="topbar"&gt;
    &lt;div class="container"&gt;
      &lt;div class="social-links"&gt;
        &lt;a href="#" class="twitter"&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;
        &lt;a href="#" class="facebook"&gt;&lt;i class="fa fa-facebook"&gt;&lt;/i&gt;&lt;/a&gt;
        &lt;a href="#" class="linkedin"&gt;&lt;i class="fa fa-linkedin"&gt;&lt;/i&gt;&lt;/a&gt;
        &lt;a href="#" class="instagram"&gt;&lt;i class="fa fa-instagram"&gt;&lt;/i&gt;&lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="container"&gt;
  
    &lt;div class="logo float-left"&gt;
      &lt;h1 class="text-light"&gt;&lt;a href="#intro" class="scrollto"&gt;&lt;span&gt;Rapidsss&lt;/span&gt;&lt;/a&gt;&lt;/h1&gt;
      &lt;a href="#header" class="scrollto"&gt;&lt;img src="img/logo.svg" alt="logo" class="img-fluid"&gt;&lt;/a&gt;
    &lt;/div&gt;
  
    &lt;nav class="main-nav float-right d-none d-lg-block"&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href="#about"&gt;About Us&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#services"&gt;Services&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#portfolio"&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#team"&gt;Team&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#footer"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/nav&gt;&lt;!-- .main-nav --&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p></p>