title: Use navbar-toggle to social media buttons on header
body: <p>I'm doing a web and trying to put the social media buttons at header. If I use the class navbar-toggle, when it toggle, the smaller buttons appear well, but the bigger ones (that i use when the screen is not toggled) don't disapear. I can delete this "bigger" buttons when is toggled ?? (Im new on this and i'm lost)
  Thanks !</p>
  
  <p>this is the code when is toggled:</p>
  
  <pre><code>&lt; a href="https://www.facebook.com/" target="_blank"&gt;
  
  &lt; img src="/Content/socialNetworkImages/logoFacebook256.png" width="40" height="40" style="position:absolute;left: 70px; top: 0px " class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" /&gt;
  &lt; /a&gt;
  
  
  &lt; a href="https://twitter.com/" target="_blank"&gt;
  
  &lt; img src="/Content/socialNetworkImages/logoTwitter256.png" width="40" height="40" style="position:absolute;left: 120px; top: 0px" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" /&gt;
  &lt; /a&gt;
  </code></pre>
  
  <p>The non toggled is the same without the class (i didn't found a class opposite to toggled)</p>