col-xs-0 Not Working Bootstrap

In Bootstrap 4 you can use:

.d-none .d-{screen size}-block

to hide an element depending on the size of the screen (xs, sm, md etc)

Documentation : here

You should use hidden-xs to hide the block in the mobile view or xs (extra small) views:

<div class="hidden-xs col-md-2 pull-right footersocial">