<div class="container">
<div class="col-md-8">
<form>
<!-- Normales einzeiliges Eingabefeld -->
<div class="form-group">
<label for="input1">Labelname für ein Textfeld (einzeilig)</label>
<input type="text" class="form-control" id="input1" placeholder="Bitte etwas eingeben...">
</div>
<!-- Passwortfeld -->
<div class="form-group">
<label for="input2">Passwortfeld</label>
<input id="input2" class="form-control" type="password">
</div>
<!-- Mehrzeiliges Eingabefeld (in diesem Fall 3 Zeilen) -->
<div class="form-group">
<label for="input3">Mehrzeiliges Textfeld (kurz)</label>
<textarea id="input3" class="form-control" rows="3"></textarea>
</div>
<!-- Auswahlfeld -->
<div class="form-group">
<label for="input4">Auswahlfeld</label>
<select id="input4" class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<!-- Optionsfeld -->
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
Radiobutton
</label>
</div>
<!-- Checkbox -->
<div class="checkbox">
<label>
<input type="checkbox">
Checkbox
</label>
</div>
<!-- Schaltflaeche als Button -->
<button type="submit" class="btn btn-primary btn-lg">Großer CTA Button</button>
</form>
</div>
</div>