title: Bootstrap 3 hidden-xs class hiding column no matter the size
body: <p>the hidden-xs and visible-xs classes are not working for me. They are either hiding elements in all sizes or displaying in all sizes. Has anyone else run into this issue?</p>
  
  <p>There is nothing special about my code at all. Here is an example of where this doesn't work:</p>
  
  <pre><code>&lt;ul class="dot-nav visible-xs"&gt;
    &lt;li&gt;&lt;div class="dot-nav-dot"&gt;&lt;/div&gt;&lt;/li&gt;
    &lt;li&gt;&lt;div class="dot-nav-dot"&gt;&lt;/div&gt;&lt;/li&gt;
    &lt;li&gt;&lt;div class="dot-nav-dot"&gt;&lt;/div&gt;&lt;/li&gt;
    &lt;li&gt;&lt;div class="dot-nav-dot"&gt;&lt;/div&gt;&lt;/li&gt;
    &lt;li&gt;&lt;div class="dot-nav-dot"&gt;&lt;/div&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>The only styling is making it</p>
  
  <pre><code>display:none;
  </code></pre>