Barre de recherche avec filtre bootstrap

Comment pourrais-je aller sur la mise en œuvre d'une barre de recherche avec un filtre, comme celui qui est mentionné ici: bootstrap amazon style de la barre de recherche
Barre de recherche avec filtre bootstrap

De tous ceux que je vois sur amorce de la page fait référence à des listes déroulantes avec des redirections, pas des listes de sélection:

C'est ce que j'ai jusqu'à présent mais il n'a pas l'air super et je ne suis pas sûr si je le fais correctement.

Barre de recherche avec filtre bootstrap

<div class="col-md-9 col-md-push-1 ">
<h3 class="text-center">Manage Users</h3>
<div class="container">
<div class="row">
<div class="col-xs-8 col-xs-offset-2">
<div class="input-group">
<div class="input-group-btn search-panel">
<select class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<option>All</option>
<option>Username</option>
<option>Email</option>
<option>Student Code</option>
</select>
</div>
<input type="hidden" name="search_param" value="all" id="search_param">
<input type="text" class="form-control" name="x" placeholder="Search term...">
<span class="input-group-btn">
<button class="btn btn-default" type="button"><span class="glyphicon glyphicon-search"></span></button>
</span>
</div>
</div>
</div>
</div>
</div>
  • Voulez-vous dire "Boutons avec des listes déroulantes" ? voir sur bootstrap docs getbootstrap.com/components/#input-groups-buttons-dropdowns
  • ce que je veux, c'est légèrement différent. Je veux la même apparence, mais quand je clique sur la liste déroulante, je veux être en mesure de choisir quelque chose pour le filtre (liste de sélection) pas de redirection
InformationsquelleAutor Eitan K | 2015-09-17