如何居中引导复选框形式

debugcn 发表于 Dev

巴勃罗·维拉（Pablo Vera）

我需要将此复选框居中放置，有人可以帮助我将该复选框居中放置吗？我已经尝试了很多东西。

这是我的代码：

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

亚当·布坎南·史密斯

这样的事情怎么样？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>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。