在 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 包围，将它拉到左边。