Javascript Bootstrap 3提交按钮在Android mobile Chrome broswer中不起作用

现在我在某处挣扎。。。我找不到解决办法，即使我花了几个小时用其他的方法。。。期待提示。。。 我的问题是。。 用户不能在移动设备上点击提交按钮（bootstrap3），尤其是在安卓系统中，但它在PC/笔记本电脑上运行良好，即使做了很多更改，我也不知道我的错误在哪里

在同一模式下还有另外两个btn，工作正常

在我的页面中，我使用模型表单进行登录，代码如下所示

 <div class="modal-body borderpadding3px">
           <!-- login form -->
            <div class="row">
     <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12 div_align_center">
    <form id="login" name="login" class="form-horizontal">
    <fieldset>

    <!-- Form Name -->
    <legend style="border:none;"></legend>

    <div class="form-group div_align_left">
      <label class="col-md-4 control-label" for="email">Login Email Id</label>
      <div class="col-md-6">
        <div class="input-group">
          <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span>
          <input id="email" name="email" class="form-control" placeholder="Enter your registered email id" type="email">
        </div>

      </div>
    </div>

    <!-- Prepended text-->
    <div class="form-group div_align_left">
      <label class="col-md-4 control-label div_align_left" for="pwd">Password</label>
      <div class="col-md-6">

        <div class="input-group">
          <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
          <input id="pwd" name="pwd" class="form-control" placeholder="Enter your password" type="password">
        </div>

      </div>
    </div>

    <!-- Button -->
    <div class="form-group div_align_left">
      <label class="control-label col-md-4 col-xs-1 col-sm-1" for="submit"></label>

      <div class="col-md-4 col-xs-4 col-sm-4 margin-bottom-10">
        <button id="submit" name="submit" type="submit" class="btn btn-lg btn-success">LOG IN</button>
      </div>

      <div class="col-md-3 div_align_right">
      <a href="javascript:void(0);" onClick="forgotpwd();" class="btn btn-primary btn-xs margin-top-20"> Forgot Password?</a>
      </div>

       <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 borderBottom">
      </div>
    </div>
    </fieldset>
    <div class="row margin-top-10">
     <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 margin-bottom-10 div_align_center">
     <a href="new_user_register.php" class="btn btn-primary btn-lg active"><span class="glyphicon glyphicon-user"></span> New user? Register</a>
     </div>
     </div>
    </form>
     </div> 
     </div>

           <!-- login form ends -->
          </div>

登录电子邮件Id
密码
登录

使用

col xs-*

类进行移动大小调整时不允许您所做的操作

将您的按钮代码更改为此，它将工作-然后根据您的需要设置样式

请注意我是如何使用class

col-xs-12

的，因此您的按钮现在位于移动设备上自己的线路上

<div class="col-md-4 col-xs-4 col-sm-4 margin-bottom-10 col-xs-12"><!-- added col-xs-12 -->
    <button id="submit" name="submit" type="submit" class="btn btn-lg btn-success">LOG IN</button>
</div>

<div class="col-md-3 col-xs-12 div_align_right"><!-- added col-xs-12 -->
    <a href="javascript:void(0);" onClick="forgotpwd();" class="btn btn-primary btn-xs margin-top-20"> Forgot Password?</a>
</div>

登录

谢谢，先生，我解决了我的问题。。。罪魁祸首是*-XS（非常小的设备），只是我删除了，它的工作罚款。。。但是我想知道为什么引导保持*-XS…我知道这是一个古老的答案，但是有关于这个的文档吗？我什么也找不到。在我的实验中，col xs-##完全阻止了Android上的表单提交。这包括

和

提交类型。我真的很喜欢我的布局，因为它是，不想碰按钮到一个新的移动线路上。我不明白上面同一个div上有多个

col

类。更新：col-xs本身不是问题所在。这是X列和sm列不一致的组合。我通常使用的是col-sm，但我将submit按钮周围的

div

更改为col-xs，以防止换行。我可以通过在其他div中填充缺少的col xs值来修复这个问题。现在，行中的所有div都占了col sm和col xs大小设置中的所有12个引导列。希望这对某人有帮助。。。