如何使用 Bootstrap 在 Form 表单一行内放多个控件并上下行对齐

Question

如下图，想设计一个基于 form 的搜索栏，在大屏幕上每行显示两组控件（label + text），且上下行像表格一样对齐，小屏幕显示时如下图，每行显示一组控件。

好像简单使用 form-inline 或 form-horizontal 都无法实现，是否还是要用 <table> 来固定这些控件？

Answer 1

可以用栅栏布局的

Answer 2

//一行俩列 md是bootstrap对响应式布局的设计 可以去看下bootstrap的栅栏布局
<div class="row">
    <div class="col-md-6">
        <input>
    </div>
    <div class="col-md-6">
        <input>
    </div>
</div>