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