Saltar al contenido

ejemplo de código de cuadro de búsqueda de bootstrap 4

Hola, hallamos la solución a tu interrogante, continúa leyendo y la obtendrás a continuación.

Ejemplo 1: barra de búsqueda de bootstrap 4

<formclass="form-inline"><inputclass="form-control mr-sm-2"type="search"placeholder="Search"aria-label="Search"><buttonclass="btn btn-outline-success my-2 my-sm-0"type="submit">Searchbutton>form>

Ejemplo 2: entrada con bootstrap

<form><divclass="form-group"><labelfor="exampleInputEmail1">Email addresslabel><inputtype="email"class="form-control"><smallid="emailHelp"class="form-text text-muted">Hello, Worldsmall>div>form>

Ejemplo 3: bootstrap de búsqueda de cuadro

<divclass="input-group"><divclass="form-outline"><inputid="search-input"type="search"id="form1"class="form-control"/><labelclass="form-label"for="form1">Searchlabel>div><buttonid="search-button"type="button"class="btn btn-primary"><iclass="fas fa-search">i>button>div>

Ejemplo 4: cuadro de texto con bootstrap desplegable

<divclass="input-group"><divclass="input-group-prepend"><spanclass="input-group-text"id="">First and last namespan>div><inputtype="text"class="form-control"><inputtype="text"class="form-control">div>

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *