title: Can't hide a <br> in Bootstrap
body: <p>For some reason I can't hide the <code>&lt;br&gt;</code> tags only show up on small screen sizes. It doesn't show up for small screens. It works for the other screen sizes. It works for other tags. Something about the <code>&lt;br&gt;</code> tags with the small screen size.</p>
  
  <pre><code> &lt;div class="row"&gt;
    &lt;img src="static/works_3.jpg" class="img-responsive works-photo col-md-4 col-sm-12"&gt;&lt;br class="hidden-xs hidden-md hidden-lg"&gt;
    &lt;img src="static/works_3.jpg" class="img-responsive works-photo col-md-4 col-sm-12"&gt;&lt;br class="hidden-xs hidden-md hidden-lg"&gt;
    &lt;img src="static/works_3.jpg" class="img-responsive works-photo col-md-4 col-sm-12"&gt;&lt;br class="hidden-xs hidden-md hidden-lg"&gt;
   &lt;/div&gt;
  </code></pre>