Здравствуйте. Проблема с версткой формы в Bottstrap. Хочу сделать 2 поля в одну линию с выбором промежутка ОТ и ДО. Но при уменьшении размера экрана до планшета, название поля не правильно отображается. Пробовал различные размеры col-md-* col-xs-* и тд. подставлять но не помогло. Подскажите как сделать.
Получается вот так:
Код такой:
<form method="GET" action="#" accept-charset="UTF-8" class="form-horizontal">
<fieldset>
<!-- Text input-->
<div class="form-group">
<label for="name" class="col-md-4 control-label">Имя</label>
<div class="col-md-4">
<input class="form-control input-md" name="name" type="text" id="name">
</div>
</div>
<div class="form-group">
<label for="position_from" class="col-md-4 col-xs-12 control-label">Выбор от и до</label>
<div class="col-md-2 col-xs-6">
<input class="form-control input-md" name="position_from" type="text" id="position_from">
</div>
<div class="col-md-2 col-xs-6">
<input class="form-control input-md" name="position_to" type="text">
</div>
</div>
<!-- Button -->
<div class="form-group">
<label class="col-md-4 control-label" for="submit"></label>
<div class="col-md-4">
<input class="btn btn-primary" name="submit" type="submit" value="Найти">
</div>
</div>
</fieldset>
</form>
Еще раз повторюсь, что пробовал использовать различные размеры col-md-*, col-xs-*, и тд, но у меня не получилось. Получается так под планшеты, под мобильники и полный экран нормально.
