Как я могу разместить два выбора рядом и сделать их тянуть влево и вправо соответственно с помощью Bootstrap

Question

Как я могу разместить два выбора рядом и сделать их тянуть влево и вправо соответственно с помощью Bootstrap

0

У меня есть 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>

спасибо.

AngularBoy 22 нояб. 2015, в 18:24

Источник

0

Как выглядит то, что мне нужно? Ваш запрос сбивает с толку; скриншот с надписью «не имеет никакого эффекта» явно отличается от оригинала, а тот, что говорит «уменьшить размер порта просмотра», явно больше, чем другие.
Mr Lister 22 нояб. 2015, в 17:40
0

Это потому, что они складываются на меньшем экране.
AngularBoy 22 нояб. 2015, в 20:07

Теги:

angularjs

html5

css3

twitter-bootstrap-3

1 ответ

Ещё вопросы

Как выглядит то, что мне нужно? Ваш запрос сбивает с толку; скриншот с надписью «не имеет никакого эффекта» явно отличается от оригинала, а тот, что говорит «уменьшить размер порта просмотра», явно больше, чем другие.
Это потому, что они складываются на меньшем экране.

scaisEdge · Answer 1 · 2015-11-22T16-17-00.000Z

для уменьшения размера, которое вы добавили, добавьте правильный столбец для sm and xs

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>