Eingabeths in Bootstrap 3

In Bootstrap 3 können Eingangsbreiten verwalten können eine Herausforderung sein. Während die Dokumentation die Verwendung der .col-lg-X-Klasse vorschlägt, hat diese Lösung Einschränkungen.

Originalausgabe:

Die ursprüngliche Frage stammte aus der Unfähigkeit, Eingabebreiten mit .col-lg-x zu setzen, ohne die Contorlayout zu beeinflussen. Diese Klasse konnte nur auf den Container selbst angewendet werden, was zu unerwünschten Layoutproblemen führt.

Lösung:

Eine praktische Lösung liegt in der Wickel jeder Eingabegruppe in ihrer eigenen Zeile. Auf diese Weise kann die .col-lg-X-Klasse auf die einzelnen Gruppen angewendet werden, wobei sie ihre Breite kontrolliert, während die Gesamtform-Struktur beibehält.

meine Form

Wie man diese Eingangsfelder klein macht und das Layout behält.

Hinweis:

 Um eine konsistente Größe über verschiedene Bildschirmgrößen zu erreichen, kann die .col-XS-5-Klasse für kleinere Bildschirme enthalten sein. Das Entfernen der Gesamtfunktionalität wird nicht beeinflusst.