0

Здравствуйте. Имею следующий кусочек html кода.

 <div class="row">
        <form class="form-inline">
            <div class="form-group">
                <label>${sessionScope.lang['filter_price']}</label>
                <div class="range range-success" style="width: 40%;">
                    <input type="range" name="range" min="${sessionScope.min_price}"
                           max="${sessionScope.max_price}" value="${sessionScope.value_price}"
                           onchange="rangeSuccess.value=value">
                    <output id="rangeSuccess">${sessionScope.value_price}</output>
                </div>
            </div>
            <button class="btn btn-success" type="submit">${sessionScope.lang['find']}</button>
        </form>
        <form class="form-inline">
            <button type="submit" class="btn btn-success">
            ${sessionScope.lang['filter_off']}</button>
        </form>
    </div>

Очень интересует вопрос, а как сделать, чтобы все это шло в линию ? Вроде бы первая форма идет как form-inline, но почему то кнопка всегда идет снизу полоски. Спасибо.

1 ответ 1

0
form.form-inline > * {
    float: left;
}
1
  • Формы теперь в линию. А как сделать, чтобы range шел в линию с этими кнопками ?
    – ImZ
    24 июл 2017 в 18:13

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.