css - 如何居中 Bootstrap 复选框表单

Question

I need to center this checkboxes 谁能帮我把这个复选框居中？我已经尝试了很多东西。

这是我的代码:

  <div class="row checkbox-row">
              <div class="col-sm-6">
                <div class="checkbox-inline">
                  <label class="checkbox-inline"><input type="checkbox" value="">Adult News</label>
                </div>
              </div>
              <div class="row checkbox-row">
                <div class="col-sm-6">
                  <div class="checkbox-inline">
                    <label class="checkbox-inline"><input type="checkbox" value="">Youth News</label>
                  </div>
                </div>
              </div>
            </div>

Answer 1

这样的事情怎么样？ https://jsfiddle.net/sxh0n7d1/20/

由于 bootstrap 行位于 12 列网格中，我选中了每个跨越 2 列的复选框，并将 4 列向右移动 4。

<div class="row checkbox-row">
  <div class="col-xs-2 col-xs-offset-4">
    <div class="checkbox-inline">
      <label class="checkbox-inline">
        <input type="checkbox" value="">Adult News</label>
    </div>
  </div>
  <div class="row checkbox-row">
    <div class="col-xs-2">
      <div class="checkbox-inline">
        <label class="checkbox-inline">
          <input type="checkbox" value="">Youth News</label>
      </div>
    </div>
  </div>
</div>