Bootstrap 4 es la cuarta versión principal de la popular biblioteca de componentes front-end. El marco Bootstrap ayuda en la creación de sitios web y aplicaciones web sensibles para dispositivos móviles.

Más sobre bootstrap-4...

Estoy tratando de colocar una imagen pequeña en el centro de una bibber. Ambas imágenes están dentro de una columna Bootstrap. <div className="row justify-content-center my-5 "> <div className="col-xs-10 col-sm-6 my-auto mx-auto"> <Fade left durat....
3 oct. 2021 a las 22:27
He intentado alinear el icono y el texto hacia el lado derecho. Pero no está sucediendo. adjunto el diseño adjunto. Probé el siguiente código; avíseme si hay alguna opción disponible. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity....
29 sep. 2021 a las 19:33
Tengo este encabezado que en el desplazamiento, quiero cambiar el fondo a un color diferente. La variable navbar siempre devuelve nulo. ¿Por que es esto entonces? ¿Cómo puedo hacer eso? El transform:translateY es solo para una pequeña animación en el desplazamiento. import React from 'react' imp....
29 sep. 2021 a las 17:06
Quería agregar este ícono de círculo de flecha hacia arriba a mi pie de página, pero cuando lo agrego no puedo verlo, este es mi código html: <html> <head> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3....
28 sep. 2021 a las 23:02
Quiero mostrar los elementos de la barra de navegación alineados a la derecha, pero no me funciona de esta manera. Puse el ml-auto en la clase de lista pero todavía me muestra los elementos alineados a la izquierda. ¿Cómo puedo hacer que me muestre los elementos de la barra de navegación alineados....
28 sep. 2021 a las 08:31
Encontré una pestaña Bootstrap dentro de una ventana emergente modal (para el registro de inicio de sesión) en Codepen . El código es solo para dos pestañas, Inicio de sesión y Registro, dentro de una ventana emergente modal. Entonces, agregué otra pestaña para "Olvidé mi contraseña". Pero el pro....
24 sep. 2021 a las 07:50
Usé bootstrap. Aquí está mi código, quiero cuando mouseover un elemento img o a para que la animación funcione también cuando mouseleave se detiene la animación. .progress-bar { animation: pr 2s infinite; } @keyframes pr { 0% { width: 0; color: red; } 10% { background-color: ....
18 sep. 2021 a las 16:44
Tengo una imagen en una tarjeta de arranque usando next/image. Me gustaría que la imagen fuera más pequeña y no llenara toda la parte superior de la tarjeta. Digamos aproximadamente el 60% del tamaño original. Traté de envolver la imagen en un contenedor div y agregué algunos CSS, pero no tuve ni....
18 sep. 2021 a las 16:35
Tengo una lista de botones de radio en mi página web. cuando cambio el tamaño de la página para hacerla más pequeña, el botón de opción aparece en la parte superior y el texto del botón de opción aparece justo debajo. A continuación se muestra una captura de pantalla de lo que obtengo: Cuando cam....
16 sep. 2021 a las 21:55
¿Alguien puede arrojar un poco de luz sobre lo que está sucediendo aquí? Mirando la consola veo tres números aparentemente incompatibles: en el mismo elemento temp0 (el resaltado en la consola, la ubicación apuntada por la flecha, es un asterisco), si marco style.top obtengo un valor, inspeccionand....
12 sep. 2021 a las 05:57
.message-show { display: inline; font-weight: 500; font-size: 15px; } .product-list { border: 1px solid #b1b8c9; color: $color-grey-light; font-size: 14px; display: inline-block; margin-right: 8px; padding: 5px 20px; border-radius: 4px; background-color: #ffffff; margin-to....
12 jul. 2021 a las 15:54
Destino: cuando se hace clic en el enlace de descarga, se descargará automáticamente un .text con el formato de fecha y hora de hoy. (por ejemplo: 7-3-2021 04:04:00 PM o cualquier formato que sea aplicable siempre que la fecha y la hora estén en el nombre) Este es el código del enlace: <a download=....
4 jul. 2021 a las 00:08
<div class="text-center" style="align-items: center; justify-content: center;"> <table style="border: 1rem;"> <tr><th>Id</th><th>Quantity</th></tr> <tr><td>1</td><td>2</td></tr> <tr><td>3</td><td>4</td></tr> <tr><td>4</td><td>2</td></tr> </ta....
29 jun. 2021 a las 10:40
¿Cómo centro este formulario? No importa lo que haya intentado (cambiando las clases div, los estilos, etc., todavía no se centra). Intenté usar el cuadro flexible y otras herramientas, pero independientemente de lo que haga, si algo se centra, el campo de entrada permanece en el extremo izquierdo.....
23 jun. 2021 a las 00:18
Bien, esta es la primera vez que hago una pregunta aquí, así que tengan paciencia si lo formateé incorrectamente. Estoy creando un formulario para un sitio de WordPress usando bootstrap, necesito agregarle información sobre herramientas con un ícono de Font Awesome y, por alguna razón, no puedo desh....
22 jun. 2021 a las 17:29
Estoy usando bootstrap 4.6.0 y me pregunto si se admite el siguiente uso. Todo funciona, pero ¿no debería usar otro contenedor? <div class="container-fluid"> <div class="row"> <div class="col-6"> <!-- <div class="container-fluid"> --> <div class="row"> <div class="col-6">A....
21 jun. 2021 a las 20:51
.background-color { background-color: lightgrey; height: 200px; border: 1px solid black; } <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="a....
21 jun. 2021 a las 18:00
Estoy usando Bootstrap versión 3.37 y tengo dos botones de alternancia entre los que los usuarios pueden seleccionar. Lo que quiero hacer es que una vez que se haga clic en el botón azul, debería ser el "activo" con el color oscuro, y si se hace clic en el botón verde, entonces el verde debería ser ....
17 jun. 2021 a las 16:45
Buenas tardes a todos, ¿Espero que estés bien? Me preguntaba si podría aconsejarme, por favor, por qué hay un espacio en blanco extraño en el lado derecho de mi pie de página en el índice / página de inicio. https://andrewh1188.github.io/go-tennis-ms1/ Muchas gracias por su ayuda de antemano. Toda l....
16 jun. 2021 a las 00:48
En el siguiente ejemplo, ¿cómo se utilizarían las clases flexibles para hacer que las columnas n. ° 3 y 4 tengan la misma altura que las columnas n. ° 1 y 2? Sin Javascript, eso es. Más específicamente, ¿cómo haría que la altura de todas las columnas cambiara automáticamente a la altura de la colum....
14 jun. 2021 a las 20:56
Tengo un problema acerca de establecer la altura de col2 y col3 al 70% con respecto al 100% de col1, y col4 y col5 al 30%, intenté establecer esta altura con algunos estilos, pero hasta ahora no he tenido suerte. ¿Alguna recomendación? <!doctype html> <html lang="en"> <head> <meta charset="u....
14 jun. 2021 a las 17:43
Estoy siguiendo este violín de Js http://jsfiddle.net/ryt3nu1v/10/ Mi resultado: Estoy creando un control deslizante que muestra la edad, ya que tengo una matriz que sigue las edades 15,25,35,45,55 Estoy tratando de mostrarlos en el control deslizante. El comportamiento esperado es ver la próxima ....
14 jun. 2021 a las 08:07
Este es mi codigo. ¿Cómo configurar que el menú seleccionado esté activo en bootsrap laravel 8? <!-- Sidebar--> <div class="bg-dark border-right text-light" id="sidebar-wrapper"> <div class="sidebar-heading"></div> <div class="list-group list-group-flush"....
14 jun. 2021 a las 07:48
Esta tabla que dibujo tiene dos columnas "Equipo" y "Miembros". Lo que quiero preguntar es; al hacer clic en el ícono más en la columna Equipo, cómo agregar una nueva fila (que consta de ambas columnas) mientras que al hacer clic en el ícono más en la columna Miembros, ¿cómo agregar una fila solo ....
12 jun. 2021 a las 10:44
Tengo un diseño bs4 muy simple. Mi menú de la izquierda es <div class="col-md-2"> y mi contenido principal central es <div class="col-md-6"> y mi menú de la derecha es <div class="col-md-4">. Aquí hay una vista del diseño a través de la herramienta de desarrollo de Chrome. El verde es relleno y e....
12 jun. 2021 a las 09:24