Las etiquetas de etiqueta y los grupos de control se pueden colocar horizontalmente de lado a lado a lado agregando la clase .Form-Horizontal a la forma y utilizando las clases de ráster preestablecidas de Bootstrap. Hacerlo cambia el comportamiento del grupo .Form para comportarse como filas en el sistema ráster, por lo que no es necesario agregar .row adicional.
Las formas horizontales no solo son diferentes en cantidad de otras formas, sino también en diferentes formas de presentación. Para crear un formulario horizontal, siga los siguientes pasos:
1. Agregar clase .Form-Horizontal al elemento Parent <Form>.
2. Coloque las etiquetas y controles en un <div> con clase .Form-Group.
3. Agregue clase .Control-Label a la etiqueta.
Código de implementación:
<Form Role = "Form"> <div> <etiqueta for = "inputemail3"> Correo electrónico </label> <div> <input type = "correo electrónico" id = "inputemail3" placeholder = "correo electrónico"> </div> </div> <div> <label <label for = "inputpassword3"> etiquetado <Viv> <label> <input type = "checkbox"> Recuérdame </label> </div> </div> </div> <div> <div> <button type = "enviar"> firmar </botón> </div> </div> </form>
Si aún desea estudiar en profundidad, puede hacer clic aquí para aprender y adjuntarle un tema maravilloso: Tutorial de aprendizaje de Bootstrap
Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.