#css #twitter-bootstrap #twitter-bootstrap-3
#css #twitter-bootstrap #twitter-bootstrap-3
Вопрос:
Итак, я пытаюсь создать встроенную форму, которая занимает две строки в загрузочном jumbotron.
Для каждой «строки» элементов формы я присваиваю каждой группе входных данных значение col-md- *, чтобы элементы формы были хорошо выровнены и занимали одинаковое количество места.
Однако я замечаю, что между моими элементами формы слишком много места, и элементы формы не заполняются, чтобы занять все пространство назначенных им столбцов. Нужно ли указывать ширину каждого элемента? или мне нужен контейнер фиксированной ширины вокруг формы?
Вот ссылка для загрузки http://www.bootply.com/aIhtGnedeN
Как я могу создать компактную двухрядную встроенную форму в jumbotron, сохраняя при этом оперативность реагирования? Должен ли я поместить фиксированный div вокруг формы?
Комментарии:
1. Пожалуйста, создайте загрузочный файл ( bootply.com/new ) вашей текущей проблемы с образцами данных.
2. вы хотите установить ширину ввода равной 100%
Ответ №1:
Как указано в документации bootstrap для встроенных форм:
Требуется настраиваемая ширина Входные данные, выделения и текстовые области по умолчанию имеют ширину 100% в Bootstrap. Чтобы использовать встроенную форму, вам нужно будет задать ширину элементов управления формой, используемых внутри.
вы должны установить ширину вручную. Используйте это CSS , например:
.jumbotron .form-inline input {
width: 100%;
}