<div class="container">
<div class="col-md-12">
<!-- Um ein horizontales Formular zu erhalten, muss die Klasse "form-horizontal" im form-Element vergeben werden -->
<form class="form-horizontal">
<!-- Jedes Eingabefeld muss in einem <div class="form-group"> liegen -->
<div class="form-group">
<!-- Die Angabe class="control-label col-sm-2" ist notwendig, damit das Feld richtig ausgerichtet wird -->
<label for="inputEmail" class="control-label col-sm-2">Eingabe (einzezllig)</label>
<div class="col-sm-10">
<!-- Durch das Attribut placeholder="Platzhalter" wird ein Platzhalter eingefügt -->
<input type="text" class="form-control" placeholder="Platzhalter" id="inputEmail">
<!-- Mittels class="help-block" kann ein Hinweis eingefügt werden -->
<span class="help-block">Hinweis: Hilfstext</span>
</div>
</div>
<div class="form-group">
<label for="inputPassword" class="control-label col-sm-2">Password</label>
<div class="col-sm-10">
<input type="password" placeholder="Password" class="form-control" id="inputPassword">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<!-- Bei der Checkbox umgibt das label-Element das input-Element der Checkbox -->
<div class="checkbox">
<label>
<input type="checkbox"> Eine Checkbox
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<!-- Du Zuweisung class="btn btn-primary macht aus der Schaltflaeche einen schoenen blauen Button -->
<button class="btn btn-primary" type="submit">Blauer Button</button>
</div>
</div>
</form>
</div>
</div>