Метки и группы управления могут быть проложены горизонтально рядом рядом, добавив класс .form-Horizontal в форму и используя предварительные растровые классы начальной загрузки. Это изменяет поведение. Форма-группы, чтобы вести себя как строки в растровой системе, поэтому нет необходимости добавлять дополнительный .row.
Горизонтальные формы отличаются не только по количеству от других форм, но и в разных формах представления. Чтобы создать горизонтально выложенную форму, выполните следующие шаги:
1. Добавьте класс. Форма-горизонтальный к родителю <Form> элементу.
2. Поместите теги и элементы управления в <Div> с классовой.
3. Добавить класс .control-label к этикетке.
Код реализации:
<form role="form"> <div> <label for="inputEmail3">Email</label> <div> <input type="email" id="inputEmail3" placeholder="Email"> </div> </div> <div> <label for="inputPassword3">Password</label> <div> <input type="password" id="inputPassword3" placeholder="Password"> </div> </div> <div> <div> <backel> <input type = "fackbox"> Помните меня </label> </div> </div> </div> <div> <div> <button Type = "Отправить"> Войти в </button> </div> </div> </form>
Если вы все еще хотите учиться глубже, вы можете нажать здесь, чтобы изучить и прикрепить к вам замечательную тему: учебник по обучению Bootstrap
Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.