Bootstrap CSS问题：将DIV对齐到底部

Question

我使用Bootstrap布局7-vs-5行列，如下所示。问题是右侧的DIV需要在小型显示器上按下，以便下拉列表对齐。整个DIV总是可以按下，而不仅仅是下拉本身，因为标签保证总是很短。

结构：

<div class="question1">
   <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7">
      <!-- content: Label and field -->
   </div>
</div>

<div class="question2">
   <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
      <!-- content: Label and field -->
   </div>
</div>

有没有快速实现目标的方法？

Answer 1

试试这个，它可能适合你

<div class="question1">
   <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
      <!-- content: Label and field -->
   </div>
</div>

<div class="question2">
   <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
      <!-- content: Label and field -->
   </div>
</div>