Bootstrap ofrece diferentes clases de imágenes para mejorar su apariencia y también para que respondan. Hacer que una imagen responda significa que debe escalar de acuerdo con su elemento principal. Es decir, el tamaño de la imagen no debe desbordar su elemento principal y crecerá y se reducirá de acuerdo con el cambio en el … Continue reading «Arranque 4 | Imágenes»
Bootstrap proporciona muchas clases para establecer el color de fondo de un elemento. Podemos establecer fácilmente el fondo de un elemento en cualquier clase contextual. Los componentes de anclaje se oscurecerán al pasar el mouse, al igual que las clases de texto. Algunas clases de colores de fondo se enumeran a continuación. Podemos agregar color … Continue reading «¿Cómo agregar color de fondo a un div en Bootstrap?»
Botones de alternancia: Los botones que pueden cambiar de un estado a otro, es decir, que pueden cambiarse de un estado activado a un estado desactivado o viceversa, se denominan botones de alternancia . Por ejemplo: Un interruptor particular en nuestra casa puede estar encendido o apagado. Este es un muy buen ejemplo de un … Continue reading «¿Cómo crear un botón de radio similar al botón de alternar usando Bootstrap?»
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?»
Los iconos de Bootstrap son SVG, por lo que se escalan rápida y fácilmente y se les puede aplicar estilo con CSS. Planteamiento: Podemos colocar los iconos SVG y darles forma de círculo. Esto hará que los íconos SVG parezcan tener una forma circular. Esto se puede lograr usando una clase de Bootstrap llamada «círculo … Continue reading «¿Cómo colocar íconos SVG en un círculo redondo uno al lado del otro con otro div usando Bootstrap?»
Dado un documento HTML con dos íconos, la tarea es mostrar alternativamente los íconos cada vez que un usuario hace clic en el ícono. Esta tarea se puede realizar fácilmente con la ayuda de jQuery (una biblioteca de JavaScript). Enfoque: el enfoque es simplemente agregar un detector de eventos «al hacer clic» en ambos íconos … Continue reading «¿Cómo alternar entre dos íconos sin botones usando boot-strap y jQuery?»
La tarea es obtener datos de una fila de la tabla y mostrarlos en el modelo de arranque. Modelo Bootstrap : el componente Modal es una especie de cuadro de diálogo o una ventana emergente que se muestra en la parte superior de la página actual, al hacer clic en el botón provisto en la … Continue reading «¿Cómo mostrar el contenido de la fila seleccionada de una tabla en el modelo Bootstrap usando jQuery?»
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?»
En Bootstrap 4, los eventos de Javascript o jQuery se usan para agregar una clase activa al hacer clic en un evento en el grupo de listas personalizadas. Sintaxis: $(document).ready(function() { $(‘selector’).click(function() { $(‘selector.active’).removeClass(«active»); $(this).addClass(«active»); }); }); Los siguientes ejemplos ilustran cómo agregar una clase activa en un evento de clic en un grupo de … Continue reading «¿Cómo agregar una clase activa en un evento de clic en un grupo de lista personalizado en Bootstrap 4?»
Hemos visitado muchos sitios web donde las barras de navegación se actualizan automáticamente a medida que el usuario se desplaza hacia abajo en la página web. Scrollspy funciona según la posición de desplazamiento o la posición en la que el usuario está viendo actualmente. Bootstrap scrollspy apunta al contenido de la barra de navegación automáticamente … Continue reading «¿Qué es un scrollspy en Bootstrap?»