title: Bootstrap form does not work on phone version
body: <p>I have a Bootstrap form and when I want to enter data on desktop version it works fine but when I want to enter data to the form in Mobile version I cannot enter anything into the fields. It does not let me to enter any information to the fields.</p>
  
  <pre><code>&lt;div class="col-xs-12  col-sm-10 col-sm-offset-1 col-md-10
       col-lg-10 col-lg-offset-1 mform mainCont"&gt;
  
        &lt;form    action="buynow.php" method="post"  class="form"  &gt;
  
          &lt;div class='form-row'&gt;
            &lt;div class='col-xs-12 form-group '&gt;
              &lt;label class='control-label'&gt;First Name&lt;/label&gt;
              &lt;input name="FName" class='form-control'  type='text'&gt;
            &lt;/div&gt;
  
          &lt;/div&gt;
          &lt;div class='form-row'&gt;
            &lt;div class='col-xs-12 form-group required'&gt;
              &lt;label class='control-label'&gt;Last Name&lt;/label&gt;
              &lt;input  name="LName"class='form-control' size='4' type='text'&gt;
            &lt;/div&gt;
  
          &lt;/div&gt;
          &lt;div class='form-row'&gt;
            &lt;div class='col-xs-12 form-group required'&gt;
              &lt;label class='control-label'&gt;Email&lt;/label&gt;
              &lt;input name="EM"  class='form-control' size='4' type='text'&gt;
            &lt;/div&gt;
  
          &lt;/div&gt;
          &lt;div class='form-row'&gt;
            &lt;div class='col-xs-12 form-group required'&gt;
              &lt;label class='control-label'&gt;Name on Card&lt;/label&gt;
              &lt;input name="NONCard"  class='form-control' size='4'  type='text'&gt;
            &lt;/div&gt;
  </code></pre>