Задать вопрос

Как сделать input в линию?

Обычный input отлично выстраивается в линию с текстом.
Ставлю к нему class="form-control" (bootstrap) - спрыгивает на следующую строчку.
Ок. Расширяю класс и отменяю display: block делая свой display: inline но результат тот же, блок на следующей строчке. Как победить?
d6911c3e31fd482685b43205c920bc76.png
  • Вопрос задан
  • 2026 просмотров
Подписаться 1 Оценить 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Помимо "display:block" нужно отменить и "width: 100%". Тогда поле ввода поместится рядом со своим названием. Например, так:
.form-control {
    display: inline-block;
    width: auto;
}


А если пользоваться штатными средствами, то getbootstrap.com/css/#forms-horizontal
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы