col-xs-0 Not Working Bootstrap
<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>