Ejemplo 1: barra de búsqueda de bootstrap 4
<form class="form-inline">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
Ejemplo 2: formulario de búsqueda de bootstrap nav
<nav class="navbar navbar-light bg-light">
<form class="form-inline">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</nav>
Ejemplo 3: seleccione el programa de arranque de búsqueda
<select class="selectpicker" data-live-search="true">
<option data-tokens="ketchup mustard">Hot Dog, Fries and a Soda</option>
<option data-tokens="mustard">Burger, Shake and a Smile</option>
<option data-tokens="frosting">Sugar, Spice and all things nice</option>
</select>
Ejemplo 4: bootstrap de búsqueda de cuadro
<div class="input-group">
<div class="form-outline">
<input id="search-input" type="search" id="form1" class="form-control" />
<label class="form-label" for="form1">Search</label>
</div>
<button id="search-button" type="button" class="btn btn-primary">
<i class="fas fa-search"></i>
</button>
</div>
Ejemplo 5: bootstrap de la barra de búsqueda
<div class="input-group">
<input id="search-input" type="search" class="form-control" placeholder="Search anything...">
<button id="search-button" type="button" class="btn btn-primary">
<i class="fa fa-search"></i>
</button>
</div>
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)