Questions tagged [bootstrap-carousel]

A slideshow component for cycling through elements, like a carousel. Nested carousels are not supported.

272 questions
0
votes
1 answer

Getting current dynamic carousel detail using jquery

I would like to get the current carousel detail.
0
votes
1 answer

How can I use Bootstrap Carousel without import CSS?

I use the Bootstrap Carousel, so I import it with:
0
votes
1 answer

I need to prevent iteration over a specific "class" while I use ng-repeat by Angularjs. can someone help me?

I'm using angularjs in my bootstrap carousel. when I use this directive ==> ng-repeat="album in ActiveSinger.albums" to iterate over my Array, it keeps repeating class "active" in it's own div,which will cause problem in my bootstrap…
0
votes
1 answer

Bootstrap Carousel scroll top when slide

I have a BS carousel inside a BS modal and the content inside the carousel-items is very long (you have to scroll down). Therefore I want that the page scroll to top if the carousel item changed. I've already tried different IDs and classes for…
Lara
  • 41
  • 1
  • 10
0
votes
1 answer

Bootstrap Carousel's background not equal

I have a problem with Bootstrap Carousel with my two backgrounds. #Carousel-purpose { background-color:#856c8b; text-align: center; color: #fff; } .carousel-inner { padding: 7% 15%; }
0
votes
1 answer

Several Bootstrap Carousels using PHP to fetch files

I am trying to build several carousels with Bootstrap using parameters and for this, and to avoid repeating code, I used a variable $i to fetch the images. The problem is that each folder has different amount of images. Using ($i=1; $i <= 30; $i++)…
ohg
  • 3
  • 2
0
votes
1 answer

How do I style this bootstrap carousel?

I have this bootstrap carousel(v4) and I want to change its style, mainly its margins. I am actually hiding the main part of the carousel and I am keeping the thumbnails only because I want eventually to end-up with something like a thumbnail slider…
Aenaon
  • 3,169
  • 4
  • 32
  • 60
0
votes
1 answer

Material Design Bootstrap Carousel appearing in Angular app, but not toggling through images

I am trying to use a Bootstrap Carousel in my Angular app. I am replicating the first example here. The carousel is appearing as expected with no console errors, but the first image remains, it never changes. Here is my HTML:
user9847788
  • 2,135
  • 5
  • 31
  • 79
0
votes
1 answer

Bootstrap 4 modal events not firing

I have web page on which I have a carousel of images and instead of embedding the youtube video into the carousel I've put an image with a youtube icon and on its click the modal open with the youtube video. Since the carousel is fed the images and…
Dpka
  • 246
  • 1
  • 3
  • 13
0
votes
1 answer

Want to constrain size of content within parent column's size [twitter bootstrap]

the main issue that I am having is that the contents within the bootstrap columns are not matching to fit the size of their respective columns. This is the layout that I would like 1 This page is broken into two separate columns left column…
0
votes
1 answer

Bootstrap carousel interval inside JQuery $(document).ready() isn't working

I am learning bootstrap carousels. But when I load the page into Firefox 72 / chromium / falkon but the interval doesn't work inside $( document ).ready(...), $(() = {...}), but successfully works without them. Code …
15 Volts
  • 1,946
  • 15
  • 37
0
votes
1 answer

How to avoid margins above and below landscape images in small resolution with Bootstrap Carousel?

We built a gallery using Bootstrap Carousel + Hammer.Swipe + PhotoSwipe. Everything worked well if there were only landscapes or portraits in the gallery. But when we tested it in small resolution and there were portraits among the landscapes at the…
Zoltán Süle
  • 1,482
  • 19
  • 26
0
votes
1 answer

Bootstrap carousel video

I want to have a video that autoplays in carousel when the slide with the video is on. I only managed to autoplay it when entering the site, even though it's not on the video slide. I saw something in the bootstrap documentation about…
bianca29
  • 7
  • 1
  • 5
0
votes
1 answer

Bootstrap 4 carousel last image width remains wider than slider width (not cropping to slider width) during slider animation when screen is resized

I have a bootstrap 4 carousel slider at https://competent-lamport-72eab6.netlify.com/. The slider has 3 slides. However, for page speed optimization I've included 5 images of different sizes that load at specific screen widths. I've done this using…
0
votes
0 answers

show one div next to previous div bootstrap carousel in mobile device

I need one slide next to each slide basically it is in a one common div Something like as this shown in the Images. I want to show only one slide at a time in mobile: I have this Bootstrap Carousel which shows 2 div and one slide each in Desktop…
DesignerWWT
  • 23
  • 1
  • 8