css - 如何在极小屏幕的中心对齐 bootstrap 3 的网格

Question

我正在尝试将 column1 居中对齐以适应极小的屏幕。我在互联网上搜索了很多。我也使用过 center-block 类，但它不起作用。

这是供引用的 pastebin 链接: http://pastebin.com/Kiv2anhy

由于这是我关于堆栈溢出的第一篇文章，我们会考虑任何有助于改进我的问题的帮助。

谢谢!!

Answer 1

如果我理解这个问题，你想这样做..

<div class="row">
  <div class="col-sm-4 col-sm-offset-0 col-xs-4 col-xs-offset-4" id="column1">
    <img src="img/trending_sellers.png" class="img-responsive">

    <div class="rating-box">
      5.0
    </div>
    <p class="company-name no=padding no-margin">
      COMPANY NAME
    </p>
    <p class="small-logo">
      LOCATION, GOA
    </p>
  </div>
</div>

http://www.bootply.com/128953