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

Question

Я использую bootstrap для отображения формы в строке. Тем не менее, я не могу понять, как удалить пробелы между вводами формы, он всегда оставляет пустой пробел ~ 4p. Я пытался настроить его, используя запас, напрасно. Любая идея почему?

Вот форма

<div class="container"> 
<form id="msform" class="form-inline" role="form" method="post"> 
    <!-- progressbar --> 
     <div class="form-group"> 
     <input type="hidden" id="form_departure" name="form[departure]" required="required" placeholder="Départ" class="form-control"><input type="text" id="autocompleter_form_departure" name="autocompleter_form[departure]" required="required" placeholder="Départ" class="form-control ui-autocomplete-input" autocomplete="off"> 
     </div> 
     <div class="form-group"> 
     <input type="hidden" id="form_arrival" name="form[arrival]" required="required" placeholder="Arrivée" class="form-control"><input type="text" id="autocompleter_form_arrival" name="autocompleter_form[arrival]" required="required" placeholder="Arrivée" class="form-control ui-autocomplete-input" autocomplete="off"> 
     </div> 
     <div class="form-group"> 
      <select id="form_passengers" name="form[passengers]" required="required" class="fly_confirm form-control"><option value="1" selected="selected">1 passager</option><option value="2">2 passagers</option><option value="3">3 passagers</option><option value="4">4 passagers</option><option value="5">5 passagers</option></select> 
     </div> 

     <div class="form-group"> 
     <button type="submit" class="btn btn-primary">CHERCHER</button> 
     </div> 
    </form> 
</div> 

Answer 1

Встроенные элементы чувствительны к белому пространству в вашем коде. Самое простое решение - просто удалить его.

Ex: </div><div class="form-group">

bootply example

Альтернативой является плавающее входы:

.form-group { 
    float:left; 
} 

bootply example