Categoría: Bootstrap-4

¿Cómo alternar la visibilidad de la contraseña en formularios usando Bootstrap-icons?

Posted on by Rudeus Greyrat

Las contraseñas son esos tipos de entrada que aparecen como ******. Se puede mostrar al usuario agregando una característica del icono del ojo para que el usuario pueda ver la contraseña. En este artículo, aprenderemos cómo alternar la visibilidad de la contraseña usando Bootstrap. Acercarse: Usaremos algunas clases de iconos de Bootstrap: bi, bi-eye-slash y … Continue reading «¿Cómo alternar la visibilidad de la contraseña en formularios usando Bootstrap-icons?»

Arranque 4 | Mesas

Posted on by Rudeus Greyrat

Bootstrap proporciona una serie de clases que se pueden usar para aplicar varios estilos a las tablas, como cambiar la apariencia del encabezado, eliminar filas, agregar o eliminar bordes, hacer que las filas se puedan desplazar, etc. Bootstrap también proporciona clases para hacer que las tablas respondan. Tabla simple: la clase .table se usa para … Continue reading «Arranque 4 | Mesas»

¿Cómo escribir las consultas de medios de arranque para pantallas muy grandes?

Posted on by Rudeus Greyrat

Bootstrap: es un marco CSS de código abierto gratuito que se utiliza para crear sitios web receptivos, es decir, la interfaz de usuario no se distorsionará independientemente de la resolución del tamaño de la pantalla. Puede ser un iPad, una tableta, un móvil o cualquier otro dispositivo en el que el sitio web funcione sin … Continue reading «¿Cómo escribir las consultas de medios de arranque para pantallas muy grandes?»

¿Cómo especificar colores de borde en Bootstrap?

Posted on by Rudeus Greyrat

Bootstrap nos proporciona diferentes clases que se pueden usar con diferentes etiquetas HTML como <button> , <a> , <input> y <label> para aplicar bordes de botones personalizados . Estas clases son las siguientes. borde borde superior borde inferior borde izquierdo borde derecho En este artículo, aprenderemos a implementar colores de borde usando Bootstrap. Enlace CDN: … Continue reading «¿Cómo especificar colores de borde en Bootstrap?»

¿Cómo agregar Bootstrap en un proyecto?

Posted on by Rudeus Greyrat

Un bootstrap es una herramienta de código abierto que consta de marcos HTML, CSS y JavaScript. Es una herramienta dedicada de desarrollo web sensible que consta de plantillas listas para usar. Originalmente se llamó Twitter Blueprint y fue desarrollado por Mark Otto y Jacob Thornton. Con el tiempo, Bootstrap ha evolucionado con respecto a la … Continue reading «¿Cómo agregar Bootstrap en un proyecto?»

¿Cómo cambiar el tamaño de los controles de formulario en Bootstrap?

Posted on by Rudeus Greyrat

Bootstrap permite cambiar el tamaño de los controles de formulario usando clases .form-control . Para el tamaño predeterminado se usa .form-control , para un tamaño más pequeño podemos usar la clase .form-control junto con .form-control-sm y para un tamaño más grande podemos usar la clase .form-control junto con .form-control-lg . Sintaxis:  Para el tamaño predeterminado: … Continue reading «¿Cómo cambiar el tamaño de los controles de formulario en Bootstrap?»

¿Cómo manejar el evento de cierre modal en Twitter Bootstrap?

Posted on by Rudeus Greyrat

Evento de cierre modal en Twitter Bootstrap | Serie 1 Conocimiento previo: Bootstrap 4 | Modal Bootstrap Modals ofrece una ventana emergente de JavaScript liviana y multipropósito que es personalizable y receptiva. Se pueden usar para mostrar ventanas emergentes de alerta, videos e imágenes en un sitio web. Bootstrap Modals se divide en tres secciones … Continue reading «¿Cómo manejar el evento de cierre modal en Twitter Bootstrap?»

¿Cómo usar enlaces en la clase card-img-overlay en Bootstrap 4?

Posted on by Rudeus Greyrat

Cuando ponemos cualquier enlace dentro de una tarjeta de arranque, funciona bien hasta que usamos card-img-overlay para poner una imagen como fondo de esa tarjeta. Tarjeta Bootstrap: una tarjeta en BootStrap 4 es un contenedor de contenido flexible y extensible. Incluye opciones para encabezados, pies de página, contenido, colores, enlaces, etc. Superposiciones de imagen de … Continue reading «¿Cómo usar enlaces en la clase card-img-overlay en Bootstrap 4?»

¿Cómo colocar elementos debajo de la caja flexible en Bootstrap 4?

Posted on by Rudeus Greyrat

Flexbox en Bootstrap 4: de bootstrap 3 a bootstrap 4 se ha producido un cambio sorprendente que bootstrap 4 puede utilizar flexbox para manejar el diseño del contenido. a Enfoque: coloque la dirección de los elementos flexibles en un contenedor flexible con utilidades de dirección. En la mayoría de los casos, podrá excluir la clase … Continue reading «¿Cómo colocar elementos debajo de la caja flexible en Bootstrap 4?»

¿Cómo crear botones de nivel de bloque en Bootstrap?

Posted on by Rudeus Greyrat

En muchos sitios web, notamos que hay grandes botones a nivel de bloque que se usan para realizar algún trabajo cuando el usuario hace clic en ellos. Esto se usa para activar algunas funciones o redirigir al usuario a un enlace diferente. Los botones de bloque son la pila receptiva de botones de ancho completo. … Continue reading «¿Cómo crear botones de nivel de bloque en Bootstrap?»