sto cercando di realizzare un gruppo di input che dispone di più pulsanti a sinistra e per ora un solo pulsante a destra, come mostrato in questa immagine:Tasti multipli in gruppo ingresso
Il problema è, non appena ho più di un pulsante per lato, il campo di immissione ridimensionato per larghezza massima e calcia il pulsante one sul display più piccoli:
Con un solo pulsante sulla sinistra e un pulsante sopra il diritto, funziona al 100% su tutte le dimensioni dello schermo:
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>
Qualche idea su come fare il primo lavoro immagine per tutti dimensioni dello schermo?
È una cosa di Bootstrap 4? Non sono sicuro che sia rilevante per questa particolare domanda. – isherwood