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 身上。我正在使用自己的边距 class，但我忽略了左右边距设置为“0”。完全是我的错！

col-xs-offset-* 不工作

col-xs-offset-* not working

html

twitter-bootstrap

css

grid-layout