<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Déclaration d'incident</legend> <!-- Select Basic --> <div class="form-group"> <label style="float:left" class="col-md-4 control-label" for="date">Date incident</label> <div class="col-md-2"> <select id="date" name="date" class="form-control"> <option value="1">Aujourdhui (lundi)</option> <option value="2">Hier (dimanche)</option> <option value="">Samedi</option> <option value="">Vendredi</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Ligne">Ligne concernée</label> <div class="col-md-1"> <input id="Ligne" name="Ligne" type="text" placeholder="n°de ligne" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="course">Course concernée</label> <div class="col-md-1"> <input id="course" name="course" type="text" placeholder="n°course" class="form-control input-md" required=""> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Type de perturbation</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">- choisissez dans cette liste -</option> <option value="2">Absence conducteur</option> <option value="">Erreur du conducteur</option> <option value="">Droit de retrait du conducteur</option> <option value="">Grève</option> <option value="">Condition de circulation</option> <option value="">Travaux</option> <option value="">Déviation</option> <option value="">Evènement/Manifestation</option> <option value="">Dysfonctionnement SAEIV/Billetique</option> <option value="">Panne de l'autocar</option> <option value="">Véhicule non conforme</option> <option value="">Intempéries</option> <option value="">Surnombre</option> <option value="">Accident</option> <option value="">Autre(s)</option> </select> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Commentaires">Commentaires</label> <div class="col-md-4"> <textarea class="form-control" height='100' id="Commentaires" name="Commentaires">Votre commentaire ici</textarea> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Conséquences</label> <div class="col-md-4" style="float:none;"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">- choisissez dans cette liste -</option> <option value="2">Avance</option> <option value="">Retard < 10 minutes</option> <option value="">Retard > 10 minutes</option> <option value="">Arrêt non desservi</option> <option value="">Itinéraire non respecté</option> <option value="">Course non effectuée</option> <option value="">Course suspendue</option> <option value="">Véhicule non accessible PMR</option> <option value="">Autre(s)</option> </select> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label" for="button1id"></label> <div class="col-md-8"> <button id="button1id" name="button1id" class="btn btn-success">Valider</button> <button id="button2id" name="button2id" class="btn btn-danger">Annuler</button> </div> </div> </fieldset> </form>

#memeLigne { float:left; }