Адаптивного использование начальной загрузки форм-группы

Question

У меня проблема с классом форм-групповой бутстрапе

На https://jsfiddle.net/oursgris/7s2pgthy/#&togetherjs=9SHsiHc4oj

Я извлеченная проблему

Когда я малое или среднее устройство с этим кодом. линия между «Statut» и «Etat» меньше, потому что я не использую класс группы форм.

на среднем устройстве у меня есть желаемый результат (и большое и)

Когда я добавляю

<div class="form-group"> 

между Статутом и переворотами, есть пространство из-группы (нижняя граница 15px)

https://jsfiddle.net/oursgris/t4dt9avw/embedded/result/

но в этом случае md и large добавить строку, как я могу исправить это поведение? Я полагаю, что я missuse КАС класс

Answer 1

После рассмотрения вашего JFiddle, я заметил несколько вещей неправильно с вашей формы, такие как неправильное использование form-group класса. Я также переработал ваши классы, чтобы получить желаемый вид, который, как я думаю, вы ищете. Если все, что вы искали, было встроенной формой из всех взглядов, все, что вам нужно было сделать, это держаться подальше от класса 12 пролетов.

Я разработал DEMO для вас в Code Pen

P.S. вам не нужен этот пустой div (если вы не используете это, чтобы программно отображать что-то в нем через JQuery. Кроме того, использование группы форм заботится о том, чтобы изолировать эту метку и поле ввода в своей строке.