Ich habe ein Auswahlelement, auf das ich die Selectpicker-Funktion angewendet habe, aus Ссылка
jetzt versuche ich das Input-Group-Addon mit dem select auszurichten, was zu einer btn-Gruppe wurde,
aber die Höhe des Addons ist nie dieselbe wie die Höhe der Btn-Gruppe, ich benutze twitter bootstrap 3.
Jeder, der mich auf diese Weise beraten kann, ist mein Code:
Hier ist mein Jsbin dafür, wie ich es repariert habe. jsbin
Wenn Sie die Eingabegrößen "Eingabe-Gruppe-lg" oder "Eingabe-Gruppe-sm" einstellen, erhalten Sie vordefinierte Größen - insbesondere eine Höhe von 46px bzw. 30px für die Eingaben. Es passiert jedoch nichts, wenn Sie die normale Größe akzeptieren. Ich denke, das ist so, dass Sie nicht überrascht sind, wenn Sie Einstellungen für Eingänge außerhalb von Bootstrap haben.
Hier sind Beispielmessungen für lg
%Vor%Anstatt lg nachträglich zu optimieren, habe ich eine Klasse mit dem Namen 'input-group-reg' erstellt, die Messungen verwendet, die ein Mittelweg zwischen dem 'lg' und 'sm' sind, die durch den Bootstrap gegeben werden.
%Vor%Es scheint, als ob Sie mit Bootstrap auf ein bekanntes Problem stoßen, wenn es mit einigen SASS-Compilern kompiliert wird. Siehe Ссылка .
Wenn Sie bootstrap-sass verwenden, ist das der Grund dafür. Sie müssen die SASS-Genauigkeit auf 10 einstellen, bevor Sie Bootstrap kompilieren. Wie du es einstellst, hängt davon ab, was dein spezielles Setup ist (Gulp, Grunt, Laravel Elixir, etc.).
Wie @theptrk sagt, scheint eine explizite Höhe für Schaltflächen in Eingabegruppen nicht gesetzt zu sein, wenn input-group-sm oder input-group-lg nicht verwendet wird. Ich konnte das beheben, indem ich dies einfach zu meinen Bootstrap-Overrides hinzufüge:
Tags und Links html css twitter-bootstrap