col-xs-offset- *不工作

时间:2015-12-02 05:42:01

标签: html css twitter-bootstrap css3 grid-layout

我试图使用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>

有人能告诉我我做错了吗?

1 个答案:

答案 0 :(得分:1)

问题最终成为我的CSS。我正在使用自己的保证金等级而且我忽略了左右边距设置为&#34; 0&#34;。我完全错了!