在一行BOOTSTRAP中居中排列
这个问题在这里已经有了答案：
如果您试图让父列中的子列居中，则可以将偏移量添加到第一个子列：
<div class="row">
<div class="col-sm-12">
<div class="row">
<div class="col-sm-offset-1 col-sm-2">itemOne</div>
<div class="col-sm-2">itemTwo</div>
<div class="col-sm-2">itemThree</div>
<div class="col-sm-2">itemFour</div>
<div class="col-sm-2">itemFive</div>
</div>
</div>
</div>
将偏移量放在父列上会有效地在该行中放置13列，因此您希望使子列的总和等于12（1列偏移量，列中总共10列，其余为1 = 12）
Bootstrap的网格基于12列。 12/5 = 2.4，bootstrap并没有真正的那种列宽:)
选项＃1 - 每边添加1列（使用col-sm-1 ）。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="row">
<div class="col-sm-12 parent-col">
<div class="col-sm-1 child-col"></div>
<div class="col-sm-2 child-col">itemOne</div>
<div class="col-sm-2 child-col">itemTwo</div>
<div class="col-sm-2 child-col">itemThree</div>
<div class="col-sm-2 child-col">itemFour</div>
<div class="col-sm-2 child-col">itemFive</div>
<div class="col-sm-1 child-col"></div>
</div>
</div>