Bootstrap表单不适用于电话版本

Question

我有一个Bootstrap表单，当我想在桌面版本上输入数据时，它工作正常，但是当我想在Mobile版本中输入数据时，我无法输入任何内容。它不允许我向田地输入任何信息。

<div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-10 
    col-lg-10 col-lg-offset-1 mform mainCont"> 

     <form action="buynow.php" method="post" class="form" > 

     <div class='form-row'> 
      <div class='col-xs-12 form-group '> 
      <label class='control-label'>First Name</label> 
      <input name="FName" class='form-control' type='text'> 
      </div> 

     </div> 
     <div class='form-row'> 
      <div class='col-xs-12 form-group required'> 
      <label class='control-label'>Last Name</label> 
      <input name="LName"class='form-control' size='4' type='text'> 
      </div> 

     </div> 
     <div class='form-row'> 
      <div class='col-xs-12 form-group required'> 
      <label class='control-label'>Email</label> 
      <input name="EM" class='form-control' size='4' type='text'> 
      </div> 

     </div> 
     <div class='form-row'> 
      <div class='col-xs-12 form-group required'> 
      <label class='control-label'>Name on Card</label> 
      <input name="NONCard" class='form-control' size='4' type='text'> 
      </div> 

Answer 1

也许你的浮动元素有一些问题，他们的父母没有包装它们，但我不太确定。

.form-inline form-control { 
    display:block; 
} 

.form-inline form-control:after { 
    content: ""; 
    clear: both; 
    display: block; 
} 

.form-inline .col-lg-12 { 
    clear:both; 
}