Как разместить поля ввода друг за другом в горизонтальной форме bootstrap?

Question

[ie9558]

Не знаю как сделать форму.

[УЛИЦА:] [____________________________]
[ОТСТУП] ДОМ: [__] КВ: [__] КОРП: [__]

нужно чтобы от конца ОТСТУПА до конца строки
было последовательным без больших отступов.
только растягивались или сжимались поля
а не втискивать в GRIDы.

[УЛИЦА:] [________________________________________]
[ОТСТУП] ДОМ: [______] КВ: [______] КОРП: [______]

<form role="form" class="form-horizontal">
      <div class="form-group">
        <label class="col-sm-3">Улица</label>
        <div class="col-sm-9">
            <input type="email" class="form-control">
        </div>
      </div>

      <div class="form-group">
        <label class="col-sm-offset-3 col-sm-2">Дом</label>
        <div class="col-sm-1">
        <input type="email" class="form-control">
        </div>

        <label class="col-sm-2">Квартира</label>
        <div class="col-sm-1">
        <input type="email" class="form-control">
        </div>

        <label class="col-sm-2">Корпус</label>
        <div class="col-sm-1">
        <input type="email" class="form-control">
        </div>

      </div>

      <button type="submit" class="pull-right btn btn-success">Заказать</button>
    </form>

Answer 1

[Юрий Лобанов]

Так допишите собственные классы и сверстайте, в чем вопрос?

Answer 2

[Anton Yatsenyuk]

для начала уберите у всех label классы сетки, их можно разместить с помощью css, для формы добавьте класс col-sm-9 (или сколько нужно)
Потом для каждого input в форме добавьте класс и для него css

.class {
float: left;
}

.class:first-child {
margin-left: 15px;
}