Intereting Posts
Css переход от отображения нет к отображению блока, навигация с subnav Предоставить доступ к расширению Chrome для содержимого iframe Как получить каталог папки из HTML-типа ввода «файл» или любым другим способом? html шаблон ввода для номера телефона Как я могу проверить, не загружен ли входной массив типа файла типа пустым Использование нескольких шаблонов в одном или нескольких текстовых областях и текстовых windowsх Принудительно разнородные изображения на равные высоты, поэтому объединенные ширины заполняют фиксированный div Падение вниз при наведении движется влево от выпадающего изображения в jQuery создать кнопку возврата для данных, полученных из базы данных в php Прикладной стиль = “display: none” в не работает в IE, но работает Mozilla Предварительно заполните поле формы через URL-адрес в html Как увеличить ширину столбца в таблице HTML? Как настроить controllerы для stateprovider с помощью TypeScript Как отправить значение кнопки в PHP? Regex против разметки после XPath?

группа формы бутстрапа, смешанный встроенный и горизонтальный стиль

Я хочу создать макет формы следующим образом:

First Name: ______ Last Name: _____ Email: _____________________________ 

Каждая метка должна быть обернута в ту же «форму-группу», что и поле ввода.

Этот стиль смешан с формой-inline и form-horizontal, как мне это реализовать?

Вы также можете использовать столбцы, вот код html:

 

И код css: (возможно, есть некоторые дополнительные свойства, хотя это необязательно):

 .row{ display:block; } .form-inline{ white-space:nowrap; } input{ width:30% !important; display:inline-block; } label{ display:inline-block; float:left; } 

Вот ссылка jsfiddle: Demo

Вы можете использовать что-то вроде этого: