Bootstrap nos permite reemplazar el texto con una imagen de fondo para cualquier elemento de texto como elemento de párrafo, elemento de encabezado, etc. Con el uso de la clase .text-hide , podemos reemplazar el contenido de un elemento con una imagen de fondo. Sintaxis: <element class = «text-hide» style = «background-image: url(‘Specify URL of … Continue reading «Reemplazo de imagen en Bootstrap usando text-hide Class»
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»
Usando Bootstrap podemos buscar o filtrar el resultado requerido que queremos que se muestre al buscar un elemento/palabra en particular en nuestro sitio web. Aunque Bootstrap no nos proporciona un componente o utilidad que permita filtrar elementos. Para ese propósito, tenemos que usar jQuery para filtrar o buscar. En este artículo, discutiremos algunos métodos de … Continue reading «¿Qué son los filtros en Bootstrap?»
Versión basada en CDN: una red de entrega de contenido es una red de servidores que está disperso geográficamente para permitir un rendimiento web rápido al ubicar clones de contenido web más cerca de los drogadictos o facilitar la entrega de contenido dinámico (por ejemplo, transmisiones de cintas de video en vivo). Cada servidor CDN … Continue reading «¿Qué es la versión basada en CDN?»
En este artículo, conoceremos los marcos Foundation y Bootstrap en CSS, y también comprenderemos su implementación a través del ejemplo junto con la discusión de las principales diferencias entre ellos. Foundation 6: A Foundation es un marco front-end receptivo y de código abierto creado por ZURB en septiembre de 2011 , que facilita el diseño … Continue reading «Explicar la diferencia entre los marcos Bootstrap y Foundation en CSS»
Bootstrap grid es una herramienta muy poderosa compuesta por Flexbox , que facilita el desarrollo de sitios web. Es totalmente receptivo y también ajusta los elementos en el contenedor de acuerdo con el ancho del dispositivo. La clase .container es necesaria para que la cuadrícula funcione correctamente envolviendo todos los elementos de la misma. La … Continue reading «Explicar la estructura de cuadrícula básica en Bootstrap»
Una lista es un registro de información que facilita la búsqueda de elementos mediante viñetas. Hay 3 tipos de listas compatibles con Bootstrap que son: Listas desordenadas: en las listas desordenadas, los elementos se marcan con viñetas. Listas ordenadas: en las listas ordenadas, los elementos se marcan con viñetas numéricas como 1,2, i, ii, etc. … Continue reading «Explicar los tipos de listas compatibles con Bootstrap»
La tarea es mostrar una rueda giratoria en la página hasta que llegue la respuesta de datos de la API. Hemos tomado bootstrap spinner para mostrar el ejemplo. Requisito previo: Necesitará algunos conocimientos sobre la API de recuperación de JavaScript . Necesitará una API simulada para obtener datos. Acercarse: Cree el archivo HTML, CSS y … Continue reading «¿Cómo crear un Bootstrap Spinner y mostrarlo en la pantalla hasta que se carguen los datos de la API?»
Los grupos de entrada en Bootstrap se utilizan para ampliar los controles de formulario predeterminados al agregar texto o botones a ambos lados de las entradas de texto, selectores de archivos personalizados o entradas personalizadas. Grupos de entrada básicos: las siguientes clases son las clases base que se utilizan para agregar los grupos a ambos … Continue reading «Arranque 4 | Grupos de entrada»
En este artículo, discutiremos cómo configurar el color de fondo de las filas de la tabla y cómo configurar el color de fondo para una celda individual usando Bootstrap. Bootstrap proporciona una serie de clases que se pueden usar para aplicar varios estilos a las tablas, como cambiar la apariencia del encabezado, eliminar las filas, … Continue reading «¿Cómo cambiar el color de fondo de las filas de la tabla o celdas individuales en Bootstrap?»