col-xs-offset- * не работает

Question

Я пытаюсь использовать col-xs-offset, однако это ничего не делает! Я не могу понять, почему, похоже, он работает на других страницах, но с этим конкретным кодом это просто не так. Вот мой HTML:

<div class="container-fluid text-center mobile-content menu"> 
    <h1>Quick Picks</h1> 
    <div class="icons"> 
    <div class="col-xs-4 col-xs-offset-4"> 
     <a href="#"> 
     <div> 
      <img src="../../assets/images/icons/0001chair.png" alt="Chair Icon"> 
      <p>Furniture Assembly</p> 
     </div> 
     </a> 
    </div> 
    <div class="col-xs-4"> 
     <a href="#"> 
     <div> 
      <img src="../../assets/images/icons/movingHelp.png" alt="Moving Help Icon"> 
      <p>Moving Help</p> 
     </div> 
     </a> 
    </div> 
    <div class="col-xs-4"> 
     <a href="#"> 
     <div> 
      <img src="../../assets/images/icons/0000hanger.png" alt="Hanger Icon"> 
      <p>Cleaning</p> 
     </div> 
     </a> 
    </div> 
    <div class="col-xs-4"> 
     <a href="#"> 
     <div> 
      <img src="../../assets/images/icons/0008-hammer.png" alt="Hammer Icon"> 
      <p>Handyman</p> 
     </div> 
     </a> 
    </div> 
    </div> 
</div> 

Может кто-нибудь сказать мне, что я делаю неправильно?

Answer 1

Проблема закончилась тем, что я был моим CSS. Я использовал свой собственный класс маржи, и я забыл, что маржа слева и справа установлена ​​на «0». Моя ошибка полностью!