如何并排放置两个选项，并分别使用Bootstrap左拉和拉右

Question

我有2个并排选择，每个都有6列。

为了让它们看起来正确，我已经从左侧选择中移除了左侧填充，从右侧移除了左侧填充。

使用pull-left和pull-right类没有任何效果。

然而，当我减小视口尺寸时，它看起来不再正确。

达到我需要的最佳方式是什么？

<div class="row">
    <div class="col-md-6">
        <label>Min Year:</label>
        <select class="form-control" ng-model="minYear" ng-options="" required>
            <option value="">Min</option>
        </select>
    </div>
    <div class="col-md-6">
        <label>Max Year:</label>
        <select class="form-control" ng-model="maxYear" ng-options="" required>
            <option value="">Max</option>
        </select>
    </div>
 </div>

感谢。

Answer 1

对于缩小的尺寸，请为sm and xs

添加正确的col

div class="row">
  <div class="col-md-6 col-sm-6 col-xs-6">
    <label>Min Year:</label>
    <select class="form-control" ng-model="minYear" ng-options="" required>
        <option value="">Min</option>
    </select>
 </div>
 <div class="col-md-6 col-sm-6 col-xs-6">
    <label>Max Year:</label>
    <select class="form-control" ng-model="maxYear" ng-options="" required>
        <option value="">Max</option>
    </select>
 </div>
</div>