Twitter bootstrap 引导：对中col-md-5？

我觉得这是一个非常奇怪的问题，但我似乎无法在网上找到解决办法

如果我有一个

col-md-5

，我似乎无法将其居中。 就我所理解的网格系统而言，如果我选择一个列大小（1-12），为了控制列的位置，我使用col-##-#offset-#

因此，如果我有一个

col-md-4

，我将使用

col-md-offset-4

将其从左侧推4列，然后它将居中。其思想是，要使柱居中，网格中从左到右必须有相同数量的柱

现在，如果我有一个，比方说，

col-md-5

？我怎样才能使它居中？ 执行类似于

col-md-4

的操作将从右侧留下3。我尝试了几件事，但没有成功

提前谢谢。

你可以试试这个

.col-centered {
display:inline-block;
float:none;
}

下面是这方面的

html

<div class="row">
    <div class="col-lg-1 col-centered"></div>
</div>

---

这只是一个大概的想法，但我在网上找到了一个。

Twitter引导在

col-*-#

列上应用

float

属性。首先，我们需要通过将特定列的

float

重新设置为

none

来覆盖它

然后我们可以在

auto

的

列左

/

右

之间留出一个

边距，使其水平对齐-

@媒体（最小宽度：992px）{
上校医学博士中心{
浮动：无；
左边距：自动；
右边距：自动；
}
}


...
最好的办法是制定自己的规则，创建4.5偏移量

左边距=（100/12）*（12-5）/2=29.175%


.col-xs-5{
背景色：红色；
}
.col-xs-offset-4_5{
左缘：29.175%；
}

.col-xs-5
尝试添加类
文本中心
，如下所示：

 <div class="row">
<div class="col-md-12 text-center">
BLABLA
</div>
</div>


布拉布拉

此解决方案也适用于col-md-5
看看这篇文章和最重要的答案：

特别是“方法2”，我想这就是你想要的

小提琴：


col-xs-5
引导4

在Bootstrap 4中，只需使用自动左/右边距的
mx auto
即可完成此操作

<div class="container">
  <div class="row">
     <div class="col-sm-5 mx-auto">
        Centered
    </div>
  </div>
</div>


居中的
看起来哈希姆比我先找到了答案：）我刚刚提出了一个解决方案。如果对你不起作用，对不起，但我的答案没有必要被否决。最聪明的答案！如果您想执行类似于以
col-*-3
为中心的操作，则不能这样做，因为您没有
col-*-offset-4.5
，但可以使用
col-*-4
和
col-*-offset-4
。是的，它对你的建议来说可能太大了，但问题是要添加一个内部div，指定其他大小和偏移量以使其居中。e、 g
col-*-8
和
col-*-offset-2
。结果比指定的父div短，但比仅应用于父div的
col-*-2
和
col-*-offset-5
大。有一种更简单的方法可以利用现有的引导类来实现这一点。请看我的答案。有一种更简单的方法利用现有的引导类来实现这一点。请看我的答案。@Ryan Friedman您的方法不是最好的，因为您正在创建一个父div来获得您想要的，而不是这个方法，我真的认为它是我的观点中最好的方法。最好使用内置的引导类来解释响应性，然后使用媒体查询创建一个新的CSS类，然后添加。这是本页提供的最佳解决方案，父div本身没有任何问题。这是最新的解决方案，更有效！
<div class="col-md-10 col-md-offset-1">
    <div class="col-md-6 col-md-offset-3">
    </div>
</div>

<div class="container">
  <div class="row">
     <div class="col-sm-5 mx-auto">
        Centered
    </div>
  </div>
</div>