Html 引导输入表单控件在移动设备上不工作

我在移动版中的输入不是打开键盘来输入数据。当我点击输入时，什么也没有发生（在手机中）。这个问题只发生在手机上

信用卡
卡片上的名字
卡号
邮政编码
CVC
到期
 
更新

您没有正确使用

表单组

我已经修好了

我刚刚从以下位置更改了每个输入表单的

表单组

：

<div class='form-row'>
         <div class="col-xs-12 form-group">
            <label class='control-label'>Name on Card</label>
            <input class="form-control" id="nameOnCard" type="text" value="">
         </div>
         <div class="col-xs-12 form-group">
            <label class='control-label'>Card Number</label>
            <input class="form-control" id="cardNumber" size="20" type='text' value="">
         </div>
         <div class="col-xs-6 form-group">
            <label class='control-label'>Zip Code</label>
            <input class="form-control" id="zipCode" size="6" type='text' value=""> 
        </div>
</div>

---

哪种输入文本不打开键盘输入？所有人？是的，所有人都看到我的答案@user6824563，我希望它能帮助你非常感谢！看起来我不能在class=“row”@user6824563中包含表单组，但答案是在class=“row”中包含表单组。第一个代码的问题在第二个代码中得到了解决。“你能解释得更详细些吗？”Ametablessed第一段代码，他使用form row来表示表单中的所有输入，这对于创建引导垂直表单来说是不必要的。在我的回答中，我只是基于此删除了

表单行

。我已经编辑了我的答案，如果你仍然困惑，请检查：）。你也用col-md-12替换了col-xs-12。我仍然想保留col-xs。你的解决方案对col-xs有效吗？这是我的问题，如果我使用col-md，即使我的也能工作。@ametablessed我已经编辑了我的答案，这应该与ipad、android、笔记本电脑和其他类似设备的小型显示器中使用的col-xs的实际需求相同

<div class="form-group col-md-12">                                
        <label class='control-label'>Name on Card</label>
        <input class="form-control" id="nameOnCard" type="text" value="">          
 </div>
 <div class="form-group col-md-12">                       
        <label class='control-label'>Card Number</label>
        <input class="form-control" id="cardNumber" size="20" type='text' value="">
 </div>
 <div class="form-group col-md-12">                           
        <label class='col-md-12 control-label'>Zip Code</label>
        <input class="form-control" id="zipCode" size="6" type='text' value="">
  </div>