Bootstrap es un marco front-end diseñado para impulsar el desarrollo de aplicaciones y sitios web. Para preguntas relacionadas con una versión de Bootstrap, utilice también la etiqueta de la versión específica de las etiquetas "twitter-bootstrap-2", "twitter-bootstrap-3" y "bootstrap-4".

twitter-bootstrap...

Estoy creando una mini barra lateral cuando los usuarios reducen el ancho de su navegador. Me quedo atascado cuando trabajo con la propiedad height css. Permito a los usuarios desplazarse por la barra lateral. Pero no sé cómo aumentar el ancho de la barra lateral automáticamente cuando aparece la ba....
11 ago. 2020 a las 13:19
Tengo una tarjeta de arranque de este tipo: .task__content { transition: transform 0.2s linear 0s; transform: scaleY(0); transform-origin: top center; } .task:hover .task__content { transform: scaleY(1); } <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/boo....
Así que hice un diseño de sitio web receptivo muy simple usando Bootstrap 4, por lo que de acuerdo con el código, el número de columnas debería convertirse en 4 cuando ingresa al modo de tableta, es decir, cuando la ventana gráfica tiene 768 px de ancho, mientras que la mía está bien hasta 770 px mo....
3 ago. 2020 a las 17:38
Estoy usando el sistema de cuadrícula twitter-bootstrap y puedes ver el problema aquí. El texto que se supone que está en el centro sigue saliendo desde el centro hacia el lado derecho, como puede ver ... <div class="row mt-2"> <div class="col-3"></div> <div class="col-6"> <div class="t....
3 ago. 2020 a las 01:37
Quería crear un formulario con campo de texto, edad, país y género. sin embargo, parece haber un problema. El campo de edad y género parece superponerse entre sí. ¿Cómo hago que cada campo de entrada esté en su propia fila en lugar de superponerse? codesandbox, el problema parece estar ahí solo cuan....
2 ago. 2020 a las 17:54
Estaba tratando de alinear una parte del texto a la derecha y descansar en el extremo izquierdo del grupo de bootstraplist, pero todo siempre se alinea a la izquierda, Estaba intentando crear el texto "Drago" en el extremo izquierdo y el emoji en el extremo izquierdo de cada fila <div class="contain....
2 ago. 2020 a las 13:43
<div class="container"> <div class="row"> <div class="col-sm"> One of three columns </div> <div class="col-sm"> One of three columns </div> <div class="col-sm"> One of three columns </div> </div> </div> Solo quiero mostrar tarjetas en mi aplicación angu....
Estoy usando la herramienta estándar de colapso de bootstrap: <div class="accordion" id="accordionExample"> <div class="card"> <div class="card-header" id="headingOne"> <h2 class="mb-0"> <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" ....
1 ago. 2020 a las 14:54
Estoy usando un control deslizante de carrusel de imágenes bootstrap 4 para mi sitio web. Probé el siguiente código y está funcionando. Ahora lo que estoy haciendo es, en lugar de la flecha siguiente y anterior, tengo que mostrar la imagen del control deslizante anterior y siguiente. ¿Es posible? Es....
Estoy tratando de crear un diseño que comience con un título, subtítulo y luego haga una fila de dos divs horizontal y luego dos divs verticales para la versión móvil, pero ¿cómo puedo hacerlos correctamente sin cortar el párrafo del div {{ X0}}? diseño <div class="container"> <div class="row"> ....
31 jul. 2020 a las 09:24
Estoy usando bootstrap, CSS, Particle.js como mis dependencias. Y el archivo CSS personalizado se ha vinculado aquí. Cuando aplica Bootstrap y Particle.js, mi botón de generación de contraseña de color rojo no se puede hacer clic, como he visto en la herramienta de desarrollo de Chrome, Particle.js ....
Gracias de antemano por cualquier ayuda y dirección. Estoy tratando de reordenar los elementos de mi formulario para el tamaño xl. Para dispositivos hasta xl: 1, 2, 3, 4 Para dispositivos xl y posteriores: 1, 2, 4, 3 Los elementos tienen diferentes anchos de columna, pero no creo que esto deba afect....
30 jul. 2020 a las 04:53
Tengo este problema y ese código está aquí <div class="col-md-4 text-center animate-box"> <a href="work-single.html" class="work" style="background-image: url(images/portfolio-2.jpg);"> <div class="desc"> <h3>Project Name</h3....
29 jul. 2020 a las 20:27
Estoy tratando de mostrar una tabla de arranque que muestra los elementos de la sesión PHP. Este es mi código: <?php session_start(); $total_price = 0; $total_item = 0; ?> <!DOCTYPE html> <html> <head> <title>Sdocks</title> <meta charset="utf-8"> <meta name="viewport" content="widt....
29 jul. 2020 a las 14:38
Mi barra de navegación actual es una barra de navegación desplegable adhesiva que se desplegará al pasar el mouse por encima de un clic. Estoy tratando de tener un borde inferior en mis pestañas. Funciona cuando el mouse se desplaza sobre la pestaña, pero una vez que el mouse abandona la pestaña (in....
29 jul. 2020 a las 03:06
No puedo entender por qué la barra de navegación no funciona una vez que va a otra sección. solo funciona cuando está en la parte superior de la página (sección de inicio). Intenté algunas cosas diferentes, pero ninguna parece funcionar. Traté de buscar otras publicaciones pero no pude hacer nada es....
29 jul. 2020 a las 02:34
En Bootstrap 5, el componente jumbotron se elimina en favor de las clases de utilidad como .bg-light para el color de fondo y las clases .p- * para controlar el relleno. Soy un novato, ¿alguien puede dar un ejemplo de cómo hacerlo?....
28 jul. 2020 a las 22:30
¿Cómo puedo obtener una vista previa del nombre de la imagen en la parte inferior y cada vez que subo una imagen se creará en un nuevo div. Por favor, ayuda si alguien puede hacer esto ..... <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" inte....
28 jul. 2020 a las 10:27
¿Cómo elimino el subrayado en la pestaña activa? Este es el codepen: https://codepen.io/centem/pen/XWmPbVa Traté de diseñar el .nav-link.active en vano. Intentando que parezca pestañas de carpetas reales. Gracias. <div class="container" <div class="row row-content"> <div class="col-12"> ....
27 jul. 2020 a las 14:48
¿Cómo puedo editar el texto de salida al hacer clic con el botón Guardar? por favor, si alguno podría ayudar ... $(document).ready(function(){ $("#btn").click(function(){ let getVal = $("#inputValue").val(); let button = `<button name="button-${getVal}">Button for ${getVal}</button>` ....
27 jul. 2020 a las 13:59
Estoy creando un sitio web, pero cuando trato de desplazarme, la página permanece fija. Puedo ver que la barra de desplazamiento se mueve hacia arriba y hacia abajo, pero la página no se mueve. Cambié la altura y el ancho de la pantalla, pero no cambió nada. La única forma en que la página se despla....
26 jul. 2020 a las 22:43
Uso la entrada de archivos personalizados de bootstrap, y esto es algo muy bueno, pero no sé cómo mostrar todos mis archivos cargados. Cada vez que intento seleccionar varios archivos y subirlos, todos pasados correctamente, excepto esto, en el formulario de entrada solo se muestra el primer archivo....
26 jul. 2020 a las 18:24
Estoy usando un selector de fecha árabe, hasta ahora el código funciona bien, pero cuando intento mostrar el selector de fecha, aparece un gran espacio en blanco a la derecha del selector de fecha. Para entender mejor aquí está el código <html> <head> <meta name="viewport" content="width=device-....
26 jul. 2020 a las 10:18
Tengo esta página HTML, donde tengo una galería de div s con textos dentro. Quiero que el texto se ajuste y aparezca en el centro de div, pero aún quiero mantener la clase d-flex flex-wrap para que se ajuste según el tamaño de la ventana. div.container-fluid { padding: 5px !important; marg....
24 jul. 2020 a las 22:59
Tengo un contenedor que aloja un botón de radio a la izquierda y otros botones a la derecha. Por alguna razón, no puedo alinear los botones de radio en línea con los botones de la derecha. Por favor, avísame sobre cómo solucionar esto. Esto es lo que tengo hasta ahora: Código: import React, { Compo....
24 jul. 2020 a las 20:07