Bootstrap-Taste innerhalb der Eingabegruppe

9

Wie mache ich es so, dass es nach der Eingabeseite mit gleicher Höhe schön aussieht?

%Vor%

Hier ist der Code Ссылка Der erste ist die ursprüngliche Eingabegruppe, der zweite ist etwas, was ich versuche zu haben

    
Boris Kozarac 06.07.2016, 08:03
quelle

4 Antworten

20

Wenn Sie der Bootstrap-Dokumentation Ссылка folgen:

%Vor%     
Stephen Zeng 06.07.2016, 08:19
quelle
1

Hier ist meine Lösung, indem Sie mit einem kleinen CSS die Schaltfläche rechts neben dem Eingabefeld platzieren, indem Sie position: absolute und z-index hinzufügen:

%Vor%

Ссылка

Eine weitere Idee besteht darin, das Formular mit Javascript zu bearbeiten, so dass Sie keine eigene Schaltfläche erstellen müssen, sondern das Formular durch Klicken auf den Bootstrap-Bereich absenden müssen. Dies könnte durch $('.input-group-addon').click(function(){ $('#myform').submit(); });

    
Luuk Skeur 06.07.2016 08:12
quelle
0

Probieren Sie das aus,

%Vor%     
frnt 06.07.2016 08:26
quelle
0

Hier ist, wie ich es gemacht habe, ich musste etwas CSS überschreiben ...

(Bootstrap 4 Beta 2)

Html

%Vor%

Und hier ist das CSS

%Vor%     
ganders 10.01.2018 16:14
quelle

Tags und Links