¿Cómo sobrescribir la función SASS para bootstrap?

Como todos sabemos, tenemos que anular el estilo Bootstrap para darle un nuevo aspecto a nuestro sitio web. De lo contrario, se verá común al anular, podemos cambiar su tema predeterminado: fondo, fuentes, colores, espaciado, etc. variables. Entonces, aquí tenemos que anular las variables de Bootstrap predeterminadas (ya que las variables son responsables de la … Continue reading «¿Cómo sobrescribir la función SASS para bootstrap?»

¿Cómo reemplazar el ícono desplegable con otro ícono predeterminado en Bootstrap?

Bootstrap brinda la opción de agregar un menú desplegable a nuestros sitios web. El ícono predeterminado en el botón desplegable es el logotipo de ‘flecha continua hacia abajo’. Aunque cumple su propósito, la mayoría de los sitios web modernos utilizan Bootstrap. Por lo tanto, el ícono puede parecer muy genérico para el visitante. Programa:   html … Continue reading «¿Cómo reemplazar el ícono desplegable con otro ícono predeterminado en Bootstrap?»

Arranque | Tarjetas

Una tarjeta es un contenedor de contenido flexible y extensible. Incluye opciones para encabezados y pies de página, una amplia variedad de contenido, colores de fondo contextuales y potentes opciones de visualización.  Reemplaza el uso de paneles, pozos y miniaturas. Como todo se puede usar en un solo contenedor llamado tarjeta . Tarjeta básica: el … Continue reading «Arranque | Tarjetas»

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

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 principales: encabezado, cuerpo y pie de página. Sintaxis: class | tabindex | role | aria-labelledby Enfoque: … Continue reading «¿Cómo usar el evento de cierre modal en Twitter Bootstrap?»

Arranque | Insignias y migas de pan

Insignias: Las insignias son números asociados con el enlace para indicar la cantidad de artículos asociados con el enlace. El número de notificación se ve cuando se inicia sesión en un sitio web en particular e indica los números de noticias o notificaciones para ver al hacer clic en él. Ejemplo: HTML <!DOCTYPE html> <html> … Continue reading «Arranque | Insignias y migas de pan»

Arranque 4 | Colapsar

Bootstrap 4 ofrece diferentes clases para crear elementos plegables. Un elemento plegable se utiliza para ocultar o mostrar una gran cantidad de contenido. Al hacer clic en un botón, apunta a un elemento contraíble, la transición de clase se lleva a cabo de la siguiente manera:   .collapse: Oculta el contenido. .collapsing: Se aplica durante las … Continue reading «Arranque 4 | Colapsar»

¿Cómo cambiar el color de fondo «marcado» del interruptor de palanca en Bootstrap 4?

Bootstrap es una opción popular entre los desarrolladores web para crear diseños de páginas web interactivas. Bootstrap ha recorrido un largo camino con múltiples lanzamientos y contenido enriquecido con cada nuevo lanzamiento. Bootstrap tiene una amplia comunidad que también ha contribuido con paquetes más nuevos que han facilitado el trabajo con Bootstrap. En este artículo, … Continue reading «¿Cómo cambiar el color de fondo «marcado» del interruptor de palanca en Bootstrap 4?»

¿Cómo crear un contenedor de ancho completo en bootstrap5?

Los contenedores Bootstrap son soportes de contenido que se utilizan para alinear, agregar márgenes y relleno a su contenido. Bootstrap tiene tres clases de contenedores diferentes, a saber:  .envase .contenedor-fluido .contenedor-{punto de interrupción} El ancho de un contenedor varía de acuerdo con su clase. Podemos crear un contenedor de ancho completo en Bootstrap5 usando la … Continue reading «¿Cómo crear un contenedor de ancho completo en bootstrap5?»

¿Cómo agregar una insignia al grupo de listas en Bootstrap?

En este artículo, aprenderemos cómo hacer una lista de insignias que brinde la idea sobre la base de la prioridad de la lista. Los grupos de listas se utilizan para mostrar series de contenido. Podemos usar los Grupos de listas para mostrar una serie o lista de contenido de manera organizada y esto puede ser … Continue reading «¿Cómo agregar una insignia al grupo de listas en Bootstrap?»

Componente de archivo de formularios MDBootstrap angular

MDBootstrap es una biblioteca de interfaz de usuario angular basada en diseño de materiales y bootstrap que se utiliza para crear páginas web atractivas con su componente sencillo y fácil de usar. En este artículo, sabremos cómo usar el componente de archivo de formularios en Angular MDBootstrap. El componente de archivo le permite a un … Continue reading «Componente de archivo de formularios MDBootstrap angular»