Wie erstelle ich ein horizontales Formular in Bootstrap 4?
Wie erstelle ich ein horizontales Formular in Bootstrap 4?
Anonim

zu machen ein horizontal formen, Klasse hinzufügen =“Form-horizontal“im <Form> Elemente. Wenn Sie das Element verwenden, müssen Sie class="control-label" verwenden. Denken Sie auch daran, dass Sie verwenden können Bootstraps vordefinierte Rasterklassen zum Ausrichten von Beschriftungen und Gruppen von Form Kontrollen in a horizontal Layout.

Auch gefragt, wie erstelle ich ein horizontales Formular in Bootstrap?

Führen Sie die folgenden Schritte aus, um ein horizontales Formular in Bootstrap zu erstellen:

  1. Fügen Sie eine Klasse von. form-horizontal zum übergeordneten Element.
  2. Wrap Labels und Controls in a with class. Gruppe formen.
  3. Fügen Sie eine Klasse von. Kontroll-Label zu den Etiketten.

Wissen Sie auch, wie ich ein Formular in Bootstrap 4 zentriere? Um unser Div auszurichten, folgen wir 3 einfachen Schritten:

  1. Zuerst fügen wir unserem „div-wrapper“die Klasse „d-flex“hinzu.
  2. Als nächstes fügen wir unserem „div-wrapper“die Klasse „justify-content-center“hinzu, um sie horizontal auszurichten, in der Mitte ihr untergeordnetes div (mit der Klasse „div-to-align“), das wir ausrichten möchten.

Wie erstelle ich hiervon ein Bootstrap-Formular?

Standardregeln für alle drei Form Layouts: Wrap-Etiketten und Form Steuerelemente in <div class="Form-group"> (benötigt für optimalen Abstand) Klasse hinzufügen. Form-control auf alle textuellen,, und -Elemente.

Bootstrap-Formularlayouts

  1. Vertikale Form (dies ist die Standardeinstellung)
  2. Horizontale Form.
  3. Inline-Formular.

Was macht das Inline-Formular?

Inline-Formulare Verwenden Sie die. Form-im Einklang Klasse, um eine Reihe von Beschriftungen anzuzeigen, Form Bedienelemente und Schaltflächen in einer einzelnen horizontalen Reihe. Form Kontrollen innerhalb Inline-Formulare leicht von ihren Standardzuständen abweichen.

Beliebt nach Thema