<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Gesuch anlegen</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="name">Firmenname</label> <div class="col-md-4"> <input id="name" name="name" type="text" placeholder="" class="form-control input-md" required=""> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="unternehmensform">Unternehmensform</label> <div class="col-md-4"> <select id="unternehmensform" name="unternehmensform" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="branchen">Branche(n)</label> <div class="col-md-4"> <select id="branchen" name="branchen" class="form-control" multiple="multiple"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Appended Input--> <div class="form-group"> <label class="col-md-4 control-label" for="umsatz">Umsatz</label> <div class="col-md-4"> <div class="input-group"> <input id="umsatz" name="umsatz" class="form-control" placeholder="" type="text" required=""> <span class="input-group-addon">Mio. €</span> </div> <p class="help-block">Max. 2 Dezimal-Stellen <br> z.B. "1,35" oder "5,41"</p> </div> </div> <!-- Appended Input--> <div class="form-group"> <label class="col-md-4 control-label" for="ebitda">EBITDA</label> <div class="col-md-4"> <div class="input-group"> <input id="ebitda" name="ebitda" class="form-control" placeholder="" type="text" required=""> <span class="input-group-addon">Mio. €</span> </div> </div> </div> <!-- Button Drop Down --> <div class="form-group"> <label class="col-md-4 control-label" for="ebitda-marge">EBITDA Marge</label> <div class="col-md-4"> <div class="input-group"> <input id="ebitda-marge" name="ebitda-marge" class="form-control" placeholder="" type="text"> <div class="input-group-btn"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> Aktionen <span class="caret"></span> </button> <ul class="dropdown-menu pull-right"> <li><a href="#">Marge berechnen</a></li> </ul> </div> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="ek-quote">EK-Quote</label> <div class="col-md-4"> <input id="ek-quote" name="ek-quote" type="text" placeholder="" class="form-control input-md" required=""> <span class="help-block">Anteil Eigenkapital in Prozent</span> </div> </div> <!-- Appended Input--> <div class="form-group"> <label class="col-md-4 control-label" for="bedarf">Kapitalbedarf</label> <div class="col-md-4"> <div class="input-group"> <input id="bedarf" name="bedarf" class="form-control" placeholder="" type="text" required=""> <span class="input-group-addon">Mio. €</span> </div> </div> </div> <!-- Appended Input--> <div class="form-group"> <label class="col-md-4 control-label" for="verbindlichkeit">Verbindlichkeiten</label> <div class="col-md-4"> <div class="input-group"> <input id="verbindlichkeit" name="verbindlichkeit" class="form-control" placeholder="" type="text"> <span class="input-group-addon">Mio. €</span> </div> <p class="help-block">Höhe der Verbindlichkeiten der Firma</p> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="finanzierungsanlass">Finanzierungsanlass</label> <div class="col-md-4"> <label class="radio-inline" for="finanzierungsanlass-0"> <input type="radio" name="finanzierungsanlass" id="finanzierungsanlass-0" value="1" checked="checked"> 1 </label> <label class="radio-inline" for="finanzierungsanlass-1"> <input type="radio" name="finanzierungsanlass" id="finanzierungsanlass-1" value="2"> 2 </label> <label class="radio-inline" for="finanzierungsanlass-2"> <input type="radio" name="finanzierungsanlass" id="finanzierungsanlass-2" value="3"> 3 </label> <label class="radio-inline" for="finanzierungsanlass-3"> <input type="radio" name="finanzierungsanlass" id="finanzierungsanlass-3" value="4"> 4 </label> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="kommentar">Kommentar</label> <div class="col-md-4"> <textarea class="form-control" id="kommentar" name="kommentar">default text</textarea> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label" for="submit"></label> <div class="col-md-8"> <button id="submit" name="submit" class="btn btn-success">Gesuch speichern</button> <button id="reset" name="reset" class="btn btn-warning">Verwerfen</button> </div> </div> </fieldset> </form>