Fügt Leerzeichen zwischen Eingabe und Schaltfläche im Bootstrap hinzu

8

Ich benutze Bootstrap 3 und habe diesen HTML:

%Vor%

Geige

Ich möchte, dass der letzte Button vertikal vom input-group div getrennt und nicht berührt wird.

Bei einem Beispiel, das ich mit einem Formular gefunden habe, ist die Schaltfläche entfernt: Geige

und so würde ich meinen Knopf mögen. Wie kann ich das bekommen?

    
Sam Holder 23.09.2014, 22:37
quelle

1 Antwort

14

Umschließen Sie einfach jedes Paar <label> und <div class="input-group"> mit einem <div> mit .form-group klasse. (Oder wickle einfach das letzte Paar bei Bedarf)

Der Grund ist, dass twitter bootstrap margin-bottom von 15px auf .form-group anwendet. Sie können dies auch manuell tun, indem Sie <button> einen oberen Rand geben oder der letzten Eingabe einen unteren Rand geben.

BEISPIEL HIER

%Vor%     
Hashem Qolami 23.09.2014, 22:46
quelle