O'Reilly logo

Bootstrap kurz & gut by Jörg Krause

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

KAPITEL 4

Formulare

Formulare werden umfassend unterstützt. Viele Komponenten dienen vor allem dazu, ansprechende Formulare zu gestalten, die mit jeder Bildschirmbreite gut zurechtkommen.

Struktur eines Formulars

Formularelemente erhalten automatisch die richtige Formatierung. Als Container für Steuerelemente wird die Klasse .form-control benutzt. Elemente, die eine steuerbare horizontale Ausdehnung haben, also <input>, <textarea> und <select>, werden auf eine Breite von 100 % des übergeordneten Containers gesetzt. Mit .form-group werden Gruppen aus Label und Eingabefeld gebildet, die sich je nach verfügbarer Breite automatisch nebeneinander oder übereinander anordnen.

Einfache Formularelemente

Hier ein Beispiel für ein typisches Formular:

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required