使用引导程序的 iOS 复选框不会居中

Question

由于 WebKit 样式，我正在努力让复选框在 iOS 上正确居中。我正在使用引导程序来创建响应式设计。

这是我的代码被 iOS 破坏的结果：

我正在使用以下代码：

<div class="form-group">
    <label class="control-label col-xs-5 col-sm-2" for="formatA">Format:</label>
    <div class="col-xs-3 col-sm-2">
        <input type="checkbox" class="form-control" id="formatA" name="formatA">
    </div>
    <div class="col-xs-4 col-sm-4">
        <input type="date" class="form-control" id="formatD" name="formatD" placeholder="Enter date of format approval">
    </div>
</div>

Answer 1

好的，所以我已经用解决方案做了一个 plunker。我再次查看了引导网格语法，有点发现您布局网格的方式可能存在一些问题。我又从头开始了，这就是我想出的

http://plnkr.co/edit/x3vDfl15LA2yxxDOeUQT

<div class="container-fluid">
      <div class="row">
        <div class="col-xs-4">
          <label class="control-label" for="formatA">Format:</label>
        </div>
        <div class="col-xs-4">
          <input type="checkbox" class="" id="formatA" name="formatA" />
        </div>
        <div class="col-xs-4">
          <input type="date" class="form-control" id="formatD" name="formatD" placeholder="Enter date of format approval" />
        </div>
      </div>
    </div>

css

html{
      font-size: 16px;
    }
    input[type="checkbox"]{
      display:block;
      margin:0 auto;
      padding: 20px;
    }
    input[type="date"]{
      width:100%;
    }

这让我在我的 iPhone 6+ 上得到了这个结果 iphone6