A menudo vemos ciertas alertas en algunos sitios web antes o después de completar una acción. Estos mensajes de alerta son textos resaltados que es importante tener en cuenta al realizar un proceso. Bootstrap permite mostrar estos mensajes de alerta en el sitio web utilizando clases predefinidas. La clase .alert seguida de clases contextuales se … Continue reading «Arranque 4 | Alertas»
Diseño de formulario: Bootstrap proporciona dos tipos de diseño de formulario que se enumeran a continuación: forma apilada formulario en línea Formulario apilado: el formulario apilado crea un campo de entrada y un botón de envío en formato apilado. Ejemplo: HTML <!DOCTYPE html> <html lang=»en»> <head> <title>Bootstrap Form</title> <meta charset=»utf-8″> <meta name=»viewport» content=»width=device-width, initial-scale=1″> <link rel=»stylesheet» … Continue reading «Arranque 4 | Formularios – Part 1»
Hay dos formas de cambiar el color de fuente del elemento de navegación activo. El color de fuente predeterminado es el blanco del enlace de navegación activo en el caso del elemento activo de navegación de Bootstrap. El primer enfoque es usar un archivo de estilo CSS y cambiar la clase del elemento de navegación … Continue reading «¿Cómo cambiar el color de fuente del elemento de navegación activo en Bootstrap?»
Bootstrap ayuda a los desarrolladores web a crear miniaturas que se utilizan para mostrar imágenes vinculadas en cuadrículas con las clases predefinidas que ayudan a reducir la longitud de los códigos. Las miniaturas se crean para proporcionar una vista previa rápida de las imágenes con imágenes pequeñas. Imagen en miniatura: una miniatura es una imagen … Continue reading «¿Cómo generar miniaturas y personalizar usando bootstrap?»
Bootstrap Grid System permite hasta 12 columnas en la página. Puede usar cada uno de ellos individualmente o fusionarlos para obtener columnas más anchas. Se pueden utilizar todas las combinaciones de valores que sumen hasta 12. Clases de cuadrícula: el sistema de cuadrícula Bootstrap contiene cinco clases que se enumeran a continuación: .col : se … Continue reading «Arranque 4 | Sistema de red»
Nos dan un documento HTML (vinculado con Bootstrap) con un flexbox y un contenedor. El objetivo es estirar el flexbox para llenar todo el contenedor. Esto se puede lograr mediante dos enfoques diferentes, usando clases flex-fill o flex-grow en Bootstrap. Enfoque 1: usar la clase de relleno flexible : la clase .flex-fill extiende el ancho … Continue reading «¿Cómo estirar flexbox para llenar todo el contenedor en Bootstrap?»
Modal es uno de los componentes de Bootstrap 4 creado con HTML , CSS y JavaScript y es un complemento de JavaScript ligero y receptivo que se usa para agregar cuadros de diálogo, notificaciones de usuario, cajas de luz o simplemente contenido personalizado al sitio. Modo de arranque Puntos importantes a recordar: Bootstrap admite solo … Continue reading «Explicar modal en Bootstrap 4»
Bootstrap 4 proporciona una variedad de componentes personalizables y reutilizables que hacen que el desarrollo sea más rápido y sencillo. Se basan en gran medida en la nomenclatura del modificador base, es decir, la clase base tiene muchos grupos de propiedades compartidas juntas, mientras que la clase modificadora tiene un grupo de estilos individuales. Por … Continue reading «Explicar los componentes de Bootstrap»
Dado un documento HTML que contiene una lista de elementos y la tarea es cambiar el color de fondo de la lista de elementos cuando el elemento está activo. El estado de la lista de elementos se puede cambiar cambiando la propiedad CSS de color de fondo . Sintaxis: background-color: color | transparent; Valores de … Continue reading «¿Cómo cambiar el color de fondo del elemento de navegación activo?»
En Bootstrap 3 , es posible configurar el desplazamiento de arranque hasta la parte inferior de la barra lateral adhesiva larga usando Affix , que es manejado por el «complemento Affix jQuery» . Desafortunadamente, en la migración de Bootstrap 4 , se eliminó el «complemento Affix jQuery» . Para lograr esta propiedad de afijo como … Continue reading «¿Cómo configurar el desplazamiento de Bootstrap 4 hasta la parte inferior de la barra lateral larga y pegajosa?»