Html col xs中的输入在平板电脑和智能手机上不起作用

col-xs-12内部的输入在平板电脑和智能手机上不起作用

  <form role="form">
    <div class="row">
      <div class="col-xs-12">
        <div class="form-group">
          <label>Input XS</label>
          <input type="text">
        </div>
      </div>
      <div class="col-md-12">
        <div class="form-group">
          <label>Input MD</label>
          <input type="text">
        </div>
      </div>
    </div>
  </form>

我可以在input MD中输入文本，但无法在平板电脑和智能手机的input XS中输入任何文本。但是Input MD和Input XS都可以在我的电脑上工作

---

为什么Input XS在平板电脑和智能手机上不起作用？

您可以使用Input SM来确定平板电脑的尺寸

---

我认为input XS只在移动设备中起作用。。。。点击下面的链接

在bootstrap3中，列为xs-*的元素具有CSS float属性。您应该为所有网格元素提供列xs-*以具有适当的浮动元素

  <form role="form">
    <div class="row">
      <div class="col-xs-12">
        <div class="form-group">
          <label>Input XS</label>
          <input type="text">
        </div>
      </div>
      <div class="col-md-12 col-xs-12">
        <div class="form-group">
          <label>Input MD</label>
          <input type="text">
        </div>
      </div>
    </div>
  </form>

---

非常简单，您应该添加clearfix div；无法单击文本框，因为它位于div col-md-12下。试试这个：

<form role="form">
<div class="row">
    <div class="col-xs-12">
        <div class="form-group">
            <label>Input XS</label>
            <input type="text">
        </div>
    </div>
    <div class="clearfix"></div>
    <div class="col-md-12">
        <div class="form-group">
            <label>Input MD</label>
            <input type="text">
        </div>
    </div>
</div>

---

你解决问题了吗？你可以用输入SM来计算平板电脑的尺寸。。。我认为input XS只在移动设备中起作用。。。。检查这个。。您需要为MD大小显示一个输入，为XS大小显示一个输入，为SM显示另一个输入。我说的对吗？我已经接受了另一个答案，但这也起了作用。@N.F.xD，是的，祝你好运。如果您同时需要col-md-12和col-xs-12，只需使用col-xs-12即可，它包括col-md-12