title: col-xs-0 Not Working Bootstrap
body: <p>When I emulate my mobile settings for my site, the social icons should be gone; however, they stay.  I have tried putting <code>col-xs-0</code> in the i frames themselves, and nothing.</p>
  
  <p>Here's the picture: <a href="https://i.stack.imgur.com/OgfVE.png" rel="noreferrer"><img src="https://i.stack.imgur.com/OgfVE.png" alt="enter image description here"></a></p>
  
  <p>Here's my footer HTML.</p>
  
  <pre><code>&lt;footer&gt;
      &lt;div class="container-fluid"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-xs-0 col-md-2 pull-right footersocial"&gt;
                      &lt;a href="#" target="_blank"&gt;&lt;i class="fa fa-facebook-official fa-3x socialicons"  aria-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt;
                      &lt;a href="#" target="_blank"&gt;&lt;i class="fa fa-twitter fa-3x socialicons" aria-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt;
                      &lt;a href="#" target="_blank"&gt;&lt;i class="fa fa-instagram fa-3x socialicons" aria-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;div class="row" style="margin-left: 15px; margin-top: 15px;"&gt;
              &lt;div class="col-md-2 text-center"&gt;
                  &lt;p&gt;Privacy Policy&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="col-md-2 text-center"&gt;
                  &lt;p&gt;Terms of Service&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="col-md-2 text-center"&gt;
                  &lt;p&gt;Acceptable Use Policy&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="col-md-2 text-center"&gt;
                  &lt;p&gt;Warranty &amp; Returns Policy&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="col-md-2 text-center"&gt;
                  &lt;p&gt;Third Party Copyright Notices&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="col-md-2 text-center"&gt;
                  &lt;p&gt;Terms of Service for Phone&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/footer&gt;
  </code></pre>
  
  <p>My CSS:</p>
  
  <pre><code>.socialicons {
      color: white;
      margin-right: 10px;
      margin-top: 10px;
      margin: 0 auto;
      display: block;
  }
  .footersocial {
    margin: 0 auto;
    display: block;
  }
  .col-xs-0 {
      display: none;
  }
  </code></pre>