Я использую Bootstrap для создания поля ввода для веб-приложения.Выровнять btn-группу с другими полями ввода формы управления
Я использую btn-group, чтобы создать сегментированный элемент управления 3 выбора (для пользователей, чтобы выбрать их пол). К сожалению, я не могу заставить его вести себя так, как хотелось бы.
Я не могу заставить группу кнопок визуально соответствовать другим полям ввода (текст, адрес электронной почты). Я бы хотел, чтобы этот элемент управления имел ту же ширину, что и другие поля, причем каждый из трех вариантов был одинаковой ширины, каждая 1/3 ширины целого.
- Я пробовал применить класс
form-control. Он получает нужный размер, но создает дубликат. Я попытался установить группу кнопок на 100% ширину, при каждой кнопке будет 33% ширины. Когда я проверяю группу кнопок, это правильная ширина, но большая часть из них - пустое пространство, при этом ширина детей не изменяется.
Мужской Женский Другое
Вот как она в настоящее время выглядит:
Вот грубый макет желаемого результата:
Вот jsfiddle.
Как я могу это достичь? Благодарю.
Спасибо! Я приму свой ответ, когда наступит 15 минут. Могу я спросить, как вы узнали об этом? Вы знаете какую-либо документацию, в которой перечислены все доступные классы? – Alexander
http://getbootstrap.com/components/ Я не уверен, что он перечисляет их все, но тот, что он делает – JDro04
Я был на этой странице! Интересно, как я мог пропустить это. Благодаря! – Alexander