Question

是否有办法在不指定bootstrap列的情况下使用引导技术水平对齐/堆叠容器的项目。我想一个接一个地呈现一个项目，并且只有当不适合屏幕尺寸时，它应该堆叠每个项目，从最后一个项目开始（最右边的）。这就是我所追求的：

    <div>
        <div>
            <span class="">Some label</span>
            <input type="button" value="Edit" />
            <input type="text" />
        </div>
    </div>

这是我的初始引导版本不起作用： https://jsfiddle.net/DTcHh/23713/

    <div class="form-group">
        <div class="row">
            <span class="">Some Label</span>
            <input type="button" value="Edit" class="btn btn-default" />
            <input type="text" class="form-control" />
        </div>
    </div>

Answer 1

使用网格布局类。例如：col-md-*

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

  <div class="form-group">
    <label class="col-xs-3 control-label">Some Label</label>
    <div class="col-xs-1">
      <input type="button" value="Edit" class="btn btn-default " />
    </div>
    <div class="col-xs-7">
      <input type="text" class="form-control" />
    </div>
  </div>

水平容器的项目对齐

1 个答案: