引导表单不适用于手机版本

Question

我有一个 Bootstrap 表单，当我想在桌面版本上输入数据时，它可以正常工作，但是当我想在移动版本的表单中输入数据时，我无法在字段中输入任何内容。它不允许我在字段中输入任何信息。

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