如何将引导程序 3 的网格居中对齐以适应极小的屏幕答案

【问题标题】：How to allign grid of bootstrap 3 in center for extremely smalls screens如何将引导程序 3 的网格居中对齐以适应极小的屏幕
【发布时间】：2014-04-10 21:03:48
【问题描述】：

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

这是供参考的 pastebin 链接：http://pastebin.com/Kiv2anhy

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

谢谢！！

【问题讨论】：

你能不能也发布一些css或者jsfiddle链接
好的，让我粘贴一个新代码。如果您可以看到此代码中有 3 个块：现在我希望它用于小屏幕，即仅用于移动设备，此块会自动对齐到中心。我希望左右边距应该自动调整，并且在 1 行对齐中心中应该只有 1 个块。 bootply.com/129041 这是示例代码。

标签： css twitter-bootstrap-3 alignment

【解决方案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

【讨论】：

我想做这样的事情，但不是这样，如果你能看到我是否使用这种方法，整个专栏就会变得如此之小。我希望自动调整左右边距，但仅适用于小屏幕。对不起，如果我没有很好地解释你。我制作了一个新代码供您参考。现在我想要小屏幕，即移动只有这个块自动对齐到中心。我希望左右边距应该自动调整，并且在 1 行对齐中心中应该只有 1 个块。 bootply.com/129041