Bootstrap：中心
我觉得这是一个非常奇怪的问题，但我似乎无法在网上找到解决方案。
如果我有一个col-md-5 ，我似乎无法集中它。 据我了解网格系统，如果我选择列大小（1-12），为了控制列的位置，我使用col - ## - offset - ＃。
所以如果我有一个col-md-4 ，我会用col-md-offset-4从左边推4列，然后它会居中。 这个想法是，为了使一个列居中，在它的左边和右边的网格中必须有相同数量的列。
现在，如果我有一个，比如col-md-5怎么办？ 我该如何居中呢？ 做像col-md-4这样的事情会让3从右边走。 我尝试了几件事，但没有成功。
提前致谢。
<div class="col-md-10 col-md-offset-1">
<div class="col-md-6 col-md-offset-3">
</div>
</div>
Twitter引导程序在列col-*-#上应用float属性。 首先，我们需要通过为特定列重新设置float为none来覆盖该值。
然后，我们可以给该列margin-left出一个margin-left / right auto对齐的水平中心 - 例如这里 。
@media (min-width: 992px) {
.col-md-center {
float: none;
margin-left: auto;
margin-right: auto;
}
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<div class="container">
<div class="row">
<div class="col-md-5 col-md-center">
<!-- ^-- Added class name
--> ...
</div>
</div>
</div>
最好的办法是为此制定一个自己的规则，创建一个4.5偏移量。
左边距=（100/12）*（12-5）/ 2 = 29.175％
.col-xs-5 {
background-color: red;
}
.col-xs-offset-4_5 {
margin-left: 29.175%;
}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
<div class="col-xs-12">
<div class="row">
<div class="col-xs-5 col-xs-offset-4_5">.col-xs-5</div>
</div>
</div>
</div>