Question

在grep -E 'vpxuser (started|ends with)' file.log内输入不适用于平板电脑和智能手机。

col-xs-12

This is a plunker example.

我可以在<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无法在平板电脑和智能手机上使用？

Answer 1

非常简单，你应该添加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>

Answer 2

您可以将输入SM用于平板电脑尺寸...

我认为输入XS仅适用于移动设备....请查看以下链接.. w3schools.com/bootstrap/bootstrap_grid_system.asp

Answer 3

在Bootstrap 3中，带有col-xs- *的元素具有CSS浮动属性。您应该为所有网格元素提供col-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>

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

3 个答案: