html - Bootstrap 平板电脑 View

Question

我想设计引导表单菜单，但如果我在平板电脑上使用 View ，菜单没有响应。请检查下面所附的图片:

我的代码:

<fieldset>
  <div class="form-group">
    <div class="col-sm-offset-0 col-sm-12">
      <div class="form-group input-group">
        <!-- nested form-group acting like row -->
        <div class="col-sm-2 ">
          <div class="input-group">
            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
            <input type="date" class="form-control" />
          </div>
        </div>
        <!-- /col-sm-6 -->

        <div class="col-sm-5">
          <div class="input-group">
            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
            <input type="date" class="form-control" />
          </div>
        </div>
        <!-- /col-sm-6 -->

        <div class="col-sm-2">
          <div class="input-group">
            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
            <input type="date" class="form-control" />
          </div>
        </div>
        <!-- /col-sm-4 -->

        <div class="col-sm-2">
          <div class="input-group">
            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
            <input type="date" class="form-control" />
          </div>
        </div>
        <!-- /col-sm-2 -->

        <div class="col-sm-1">
          <button type="submit" class="btn btn-danger btn-block">Add</button>
        </div>
      </div>
      <!-- /nested form-group acting like row -->
    </div>
    <!-- /col-sm-offset-3 col-sm-9 -->
  </div>
  <!-- /form-group -->
</fieldset>

而且，这里是 jsfiddle 的链接

Answer 1

您可以向每个网格添加 col-xs-12。

在 JSFiddle 中检查答案:http://jsfiddle.net/1vjLcjow/1/