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 ...
Nov 22, 2019 · 2. 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.
Estou tentando adicionar minhas imagens, que tem as dimensões de 700 x 400, ao carousel do bootstrap. E queria que o carousel tivesse exatamente essas dimensões também. Porém, quando tento fazer isso, a imagem diminui para 280 x 400, como na imagem abaixo, e o carousel vai para 700 x 400, como desejado. Meu HTML:
Jul 7, 2016 · Hola tengo un carousel de bootstrap y me gustaría modificar su tamaño pero no logro hacerlo, e intentado aplicar modificaciones a la clase principal pero solo consigo reducir el tamaño del carrusel...
Sep 5, 2020 · En cualquier caso para un background en ancho completo necesitaras imagenes de buena resolucion para que se vea bien en pantallas grandes. En el ejemplo se muestran las varias opciones: .carousel-item{. width: 100%; height: 400px; background-position: center center; background-repeat: no-repeat; background-color: #000;
Jan 23, 2018 · 2. Reveja as bibliotecas que você está utilizando e verifique suas dependencias, no caso do bootstrap é necessário incluir a bibliotecar jQuery primeiro: Bootstrap. Some plugins and CSS components depend on other plugins. If you include plugins individually, make sure to check for these dependencies in the docs.
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.
May 16, 2018 · Ai no caso está limitado com o container. Eu quero o slide 100% width porém centralizado na página, quando dou um zoom na página ele está no canto esquerdo, nos dois prints que anexei estavam com zoom de 50%. A imagem do carousel não está centralizada, ela está alinhada a esquerda, que deve ser padrão do Bootstrap.
