Ich versuche, eine Eingangsgruppe zu implementieren, die mehrere Tasten auf der linken und jetzt nur eine Taste auf der rechten Seite hat, wie in diesem Bild gezeigt:Mehrere Tasten in Eingangsgruppe
Das Problem so schnell, wie ich pro Seite mehr als eine Taste haben, passt die Größe der Eingabefeld max Breite und schlägt den einen Knopf heraus kleineren Displays:
Mit nur einer Taste auf der linken Seite und eine Schaltfläche auf das Recht, es funktioniert 100% auf alle Bildschirmgrößen:
Le Code:
<div class="input-group br">
<span class="input-group-btn">
<div class="btn-group">
<a href="#" class="btn btn-primary clear-search">
<span class="glyphicon glyphicon-refresh"></span>
</a>
<a href="#" class="btn btn-primary qr-code">
<span class="glyphicon glyphicon-qrcode"></span>
</a>
</div>
</span>
<input class="form-control search" type="search" name="search" placeholder="Search">
<span class="input-group-btn">
<div class="btn-group dropup">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="glyphicon glyphicon-search"></span>
Search
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right">
<li><a class="buyer-identifier" href="#">Buyer Number</a></li>
...
<li class="divider"></li>
<li><a class="clear-search" href="#">Clear Search</a></li>
</ul>
</div>
</span>
</div>
Jede Idee, wie das erste Bild Arbeit für alle machen Bildschirmgrößen?
Ist das ein Bootstrap 4 Ding? Ich bin mir nicht sicher, ob es für diese spezielle Frage relevant ist. – isherwood