在Bootstrap中居中按钮组

Question

尝试将按钮组置于col-md-6 div的中间位置，添加.center或.center-block或.text-center无法正常工作。当应用于其上方的容器div时，以上所述都不起作用。

HTML：

<div class="btn-toolbar" role="toolbar">
  <div class="btn-group btn-group-sm">
    <button type="button" class="btn btn-default">North America</button>
    <button type="button" class="btn btn-default">South America</button>
    <button type="button" class="btn btn-default">Middle East</button>
    <button type="button" class="btn btn-default">Africa</button>
    <button type="button" class="btn btn-default">East Asia</button>
    <button type="button" class="btn btn-default">South Asia</button>
  </div>
</div>

Answer 1

没关系，问题是我使用.btn-toolbar环绕，将其拉到左边。