引導三個單選按鈕打破了IE

Question

<form method="post" role="form" class="form-horizontal"> 
<div class="form-group"> 
    <div class="radio"> 
     <label class="control-label col-sm-2"> 
      <input type="radio" name="selectDate" id="date" style="margin-right: 0" checked>Date</label> 
     <div class="col-sm-3"> 
      <input type="text" class="form-control" id="startDate"> 
     </div> 
     <div style="float:left">:</div> 
     <div class="col-sm-3"> 
      <input type="text" class="form-control" id="endDate"> 
     </div> 
    </div> 
</div> 

我的單選按鈕顯示正常，鉻，邊緣，FF，但在舊版IE的破 - 按鈕和標籤不併攏。

我嘗試使用的jsfiddle但是當我使用IE瀏覽器的無線電不顯示。 plz幫助我。

https://jsfiddle.net/pLvop1ws/2/

Answer 1

刪除「控制標籤」級和allign
工作代碼：

<form method="post" role="form" class="form-horizontal"> 
    <div class="form-group"> 
     <div class="radio"> 
      <label class="col-sm-2" style="padding-left:10%"> 
       <input type="radio" name="selectDate" id="date" style="margin-right: 0" checked>Date</label> 
      <div class="col-sm-3"> 
       <input type="text" class="form-control" id="startDate"> 
      </div> 
      <div style="float:left">:</div> 
      <div class="col-sm-3"> 
       <input type="text" class="form-control" id="endDate"> 
      </div> 
     </div> 
    </div> 
</form> 

Answer 2

不要使用複選框，單選按鈕form-group類。在這裏我再次寫了。請使用這個，並再次告訴我你的問題..

<form method="post" role="form" class="form-horizontal"> 
    <div class="radio"> 
     <label class="control-label col-sm-2"> 
      <input type="radio" name="selectDate" id="date" style="margin-right: 0" checked>Date</label> 

     <div class="form-group"> 
      <div class="col-sm-3"> 
      <input type="text" class="form-control" id="startDate"> 
      </div> 
      <div style="float:left">:</div> 
      <div class="col-sm-3"> 
      <input type="text" class="form-control" id="endDate"> 
      </div> 
     </div> 
    </div> 
</form> 

Answer 3

好吧試試這個。我編輯

<form method="post" role="form" class="form-horizontal"> 
    <div class="radio"> 
    <div class="form-inline"> 
     <label> 
     <input type="radio" name="selectDate" id="date" style="margin-right: 0" checked>Date 
     </label> 

     <div class="form-group"> 
     <div class="col-sm-3"> 
      <input type="text" class="form-control" id="startDate"> 
     </div> 
     </div> 
     : 
     <div class="form-group"> 
     <div class="col-sm-3"> 
      <input type="text" class="form-control" id="endDate"> 
     </div> 
     </div> 
    </div> 
    </div> 
</form>