使用引導程序的iOS複選框不會中心

Question

由於WebKit的樣式，我努力讓複選框在iOS上正確居中。我正在使用bootstrap來創建響應式設計。

這是內部監督辦公室毀了我的代碼的結果：

我使用下面的代碼：

<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