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?»
La clase .badge se usa para agregar información adicional al contenido. Por ejemplo, algunos sitios web asocian una serie de notificaciones al enlace. El número de notificación se ve cuando se inicia sesión en un sitio web en particular que indica los números de noticias o notificaciones para ver al hacer clic en él. Ejemplo: … Continue reading «Arranque 4 | Insignias»
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?»
En este artículo, aprenderemos sobre el objeto de medios Bootstrap, que es útil para colocar los medios junto al texto. Además, comprenderemos las diversas formas de usar los medios con texto y su implementación a través de los ejemplos. Los objetos de medios son el componente de arranque que ayuda a crear un diseño repetitivo … Continue reading «¿Qué es un objeto de medios y explica sus tipos en Bootstrap?»
Las imágenes de la tarjeta Bootstrap 4 usan src en las etiquetas de imagen para proporcionar la ubicación que se cargará en la etiqueta de imagen dada y data-src para proporcionar información adicional que JavaScript puede usar para mejorar la experiencia de los usuarios. Para las etiquetas data-src y src , podemos concluir de la … Continue reading «¿Por qué las imágenes de tarjetas usan data-src (no src) para la imagen en Bootstrap 4?»
Cuando tenemos que citar algún contenido de una página web, podemos utilizar un panel. Colocamos la bandeja de entrada de contenido con algo de relleno alrededor. Un panel de arranque se indica con una clase de «panel». Ejemplo: Este ejemplo describe el código básico para hacer un panel. HTML <!DOCTYPE html> <html lang=»en»> <head> <meta … Continue reading «Arranque 4 | Paneles»
Bootstrap ofrece clases que permiten agrupar botones a lo largo de una misma línea, horizontal o verticalmente. Los botones a agrupar están anidados dentro de un elemento <div> con la clase .btn-group . Grupos de botones dispuestos horizontalmente: la clase .btn-group se utiliza para crear grupos de botones dispuestos horizontalmente. Ejemplo: html <!DOCTYPE html> <html … Continue reading «Arranque 4 | Grupos de botones»
Para eliminar el espacio de medianil para un div específico, primero debemos saber qué es el espacio de medianil. En Bootstrap 4, hay 12 columnas en el sistema de cuadrícula, cada columna tiene un pequeño espacio entre ese espacio que se conoce como espacio de canalón. Gutter Space tiene un ancho de 30 px (15 … Continue reading «¿Cómo eliminar el espacio de canalón para un div específico en Bootstrap?»
Los acordeones Bootstrap son muy atractivos para ver en acción, pero cuando el elemento de contexto del acordeón es tan grande, hubo un problema para obtener la parte superior activa del acordeón. pero aquí aprenderá cómo lograr esa facilidad con la ayuda de unas pocas líneas de código JavaScript. Aquí usaremos la propiedad scrolltop para … Continue reading «¿Cómo desplazarse en acordeón hacia arriba para abrir contenido en Bootstrap?»
Se utiliza una información sobre herramientas para proporcionar sugerencias textuales interactivas al usuario sobre el elemento cuando se mueve el puntero del mouse. Por ejemplo, en la imagen a continuación, GeeksForGeeks es un botón y cuando el mouse del usuario se mueve sobre él, se mostrará la información adicional «Un portal de informática». Vamos a … Continue reading «¿Cómo establecer la posición de la información sobre herramientas en un botón en Bootstrap?»