Задать вопрос
@KonstantinovS
Я-дебил.

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

Мне просто нужен код элементарной формы на фреймворке Bootstrap как на картинке. Чтобы поле пароля и кнопка были в одной строке. Спасибо! 2225df76c16f46dfbb32a365c5b85cf8.png
  • Вопрос задан
  • 1226 просмотров
Подписаться 2 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
EreminD
@EreminD
Кое-что умею
<div class="input-group">
      <input type="text" class="form-control" placeholder="Search for...">
      <span class="input-group-btn">
        <button class="btn btn-default" type="button">Go!</button>
      </span>
</div>


getbootstrap.com/components/#input-groups

UPD: вся форма
<div class="container">
  <div class="row">
  <input type="text" class="form-control" placeholder="Login">
  </div>
  <div class="row">
    <div class="input-group">
      <input type="text" class="form-control" placeholder="Password">
      <span class="input-group-btn">
        <button class="btn btn-default" type="button">Log in</button>
      </span>
    </div>
  </div>
Ответ написан
Комментировать
maxt888
@maxt888
Fullstack developer
<div class="container">
  <div class="row">
  <input type="text" class="form-control myinput" placeholder="Login">
  </div>
  <div class="row">
    <div class="input-group">
      <input type="text" class="form-control" placeholder="Password">
      <span class="input-group-btn">
        <button class="btn btn-default" type="button">Log in</button>
      </span>
    </div>
  </div>

CSS code:
.row .myinput{
   width:200px;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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