Search results
Jan 29, 2018 · Por exemplo, ou você carrega o owl.carousel.min.js ou owl.carousel.js, assim como os CSS: ou owl.carousel.min.css ou owl.carousel.css. Não pode carregar os dois, que são a mesma coisa, só se diferenciam pelo .min no nome, porque o .min é o respectivo arquivo minimizado (detalhes sobre a diferença entre eles você encontra nesta pergunta ).
Nov 8, 2017 · .carousel-item { height: 65vh; min-height: 300px; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .card-columns .card { display: inline-block; width: 100%; } .card-img-top { width: 100%; height: 200px !important; //esta es la parte importante para que todas tus card-img tengan la misma medida sin importar el tamaño de la imagen border-top-left-radius: calc(0.25rem - 1px); border-top ...
Jan 23, 2018 · Seu problema é que vc está usando o Componente do Bootstrap 3, mas com os CDNs do Bootstrap 4. E conforme o Caique falou o ideial é que o jQuery venha antes do JS do Bootstrap.
Nov 22, 2019 · Para hacer exactamente el diseño que has mostrado tendrías que modificar un poco los elementos con tus propias clases, pero para hacer que el Carousel de Bootstrap trabaje con varios elementos, lo único que debes hacer es situar la cantidad de elementos que deseas ver en cada momento y con el diseño que decidas dentro de cada carousel-item.
Jun 11, 2016 · Siempre que uso bootstrap me funciona lo siguiente para ajustar las imagenes al tamaño del carousel intentalo y veras como funciona!.carousel-inner > .item > img { object-fit: scale-down; height: 50vh; width: 100%; } Esto ajusta la imagen al tamaño del carousel la coloca del 50% del alto de la pantalla y el 100% del ancho.
Mar 5, 2016 · Estou tentando criar um carrossel de imagens com bootstrap e gostaria que fosse responsivo. Já consegui fazer parte desse carrossel, porém me falta entender a questão do tamanho das imagens.
Lo que esta sucediendo es que la imagen, al tomar el 100% del ancho del div, esta sobrepasando los 300px que le asignaste a carousel-inner. Debido a que carousel-inner es un elemento responsive, te sugiero que cambies la propiedad de esta forma .carousel-inner img {height: 300px;} Además, que limpies el exceso de scripts en tu código. Solo ...
Jul 7, 2016 · Intenta con carousel-inner img para darle tamaño a la imagen y carousel-inner para darle tamaño al carousel como tal, observa: CSS .carousel-inner img { width: 100%; max-height: 460px; } .carousel-inner{ height: 200px; }
Jun 2, 2018 · Boa noite, Renan. Você lembrou de referenciar o arquivo bootstrap.js ou bootstrap.min.js ao seu projeto. Pois o Carosel é necessário um destes arquivos, como dito na documentação do Bootstrap.
Jan 26, 2023 · Traté de acercarme más a lo que esperabas. En tu CSS tendrías que ingresar a las clases de los botones del carousel, de la cual son las siguientes:.carousel-control-prev // -> es el botón de la izquierda .carousel-control-next // -> es el botón de la derecha Y darle las siguientes propiedades: