Ich verwende Bootstrap, um ein Eingabefeld für eine Webanwendung zu erstellen.Btn-Gruppe an andere Formularsteuerungs-Eingabefelder anpassen
Ich benutze btn-group, um ein segmentiertes Steuerelement von 3 Auswahl zu erstellen (für Benutzer, um ihr Geschlecht auszuwählen). Leider kann ich es nicht so verhalten, wie ich es möchte.
Ich kann nicht erreichen, dass die Schaltflächengruppe visuell konsistent mit den anderen Eingabefeldern (Text, E-Mail) ist. Ich möchte, dass dieses Steuerelement die gleiche Breite wie die anderen Felder hat, wobei jede der drei Optionen die gleiche Breite hat, jeweils 1/3 der Breite des Ganzen.
- Ich habe versucht, die
form-controlKlasse anzuwenden. Es erhält die richtige Größe, aber es erstellt einen doppelten Umriss. Ich habe versucht, die Schaltflächengruppe auf 100% Breite einzustellen, wobei jede Schaltfläche 33% Breite hat. Wenn ich die Schaltflächengruppe überprüfe, hat sie die richtige Breite, aber die meisten davon sind Leerzeichen, wobei die Breite der Kinder unberührt bleibt.
Männlich weiblich Andere
Hier ist, wie es aussieht, zur Zeit:
Hier ist ein grobes Mock-up von dem gewünschten Ergebnis:
Hier ist die jsfiddle.
Wie kann ich das erreichen? Vielen Dank.
Dank! Ich akzeptiere deine Antwort, wenn die 15 Minuten abgelaufen sind. Darf ich fragen, wie Sie davon wussten? Kennen Sie eine Dokumentation, die alle verfügbaren Klassen auflistet? – Alexander
http://getbootstrap.com/components/ Ich bin nicht sicher, dass es alle auflistet, aber das tut es – JDro04
Ich war auf dieser Seite! Ich frage mich, wie ich das verpasst haben könnte. Vielen Dank! – Alexander