如何居中引导复选框表单

Question

我需要将此复选框居中 任何人都可以帮我居中此复选框吗？我已经尝试了很多东西。

这是我的代码：

   <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>

原文由 Pablo Vera 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

由于引导行位于 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>

原文由 Adam Buchanan Smith 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

尝试这个

  <div class="row checkbox-row">
              <div class="col-sm-6">
                <div class="checkbox-inline" style="text-align:center;">
                  <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" style="text-align:center;">
                    <label class="checkbox-inline"><input type="checkbox" value="">Youth News</label>
                  </div>
                </div>
              </div>
            </div>

原文由 Labradorcode 发布，翻译遵循 CC BY-SA 3.0 许可协议