title: Bootstrap media vs pulls
body: <p>I have the following header I am trying to code responsively using Twitter Bootstrap: </p>
  
  <p><a href="https://i.stack.imgur.com/3DIeA.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3DIeA.jpg" alt="enter image description here"></a></p>
  
  <p>Now for the purple menu bar I am going to use a navbar. However, for the content above, I am really trying to determine the best approach. I am stuck between using media or pull-left and pull-right. I am really unsure what the best approach for this would be.</p>
  
  <p>Any recommendations as to the proper way of coding this using Bootstraps built in classes would be appreciated. Please note that only the logo would be an image, everything else would use fonts and font icons.</p>