Remove offset on small screens

Question

I have div in container that I want to be col--8 with offset-2 on medium, large, and extra large screens - this would put it in center of page and smaller with wide, however at same time when screen is small or extra small I want to offset to be removed and col--12 div being of full with

I tried with:

<div class="col-xs-12 col-xs-offset-0 col-md-8 col-md-offset-2" >
  Some content here...
</div>

What I doing wrong ? Ps. I also using angular on page...

Answer 1

Remove col-xs-offset-0. it is not necessary. here is a forked jsFiddle