Questions tagged [bootstrap-carousel]

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

272 questions
2
votes
0 answers

Carousel bootstrap loads, but doesn't slide and controls unresponsive

I have been currently working on a weather app, and I have 2 versions(sort of) One that works with cards, and my most recent attempt, to work as carousel's. Right now I am just trying to get the carousel to work in general. I have tried a few…
2
votes
1 answer

Pause Bootstrap carousel when playing Youtube video

I have made a carousel which has images and a Youtube video. Even when the video is playing the carousel slides and when returned to the video, the video is still playing. I want the carousel to pause when the video is playing and carry on if…
Dpka
  • 246
  • 1
  • 3
  • 13
2
votes
1 answer

jQuery Carousel Page Shifting in IE and Microsoft Edge

I have a webpage that is leveraging a jQuery Carousel Slide Functionality. When a new Question slide is loaded the page shifts (left and right) for a few quick seconds and then settles. All content is dynamically generated. I am seeing this on IE…
user3788942
  • 83
  • 2
  • 3
  • 8
2
votes
1 answer

Left and right controls not working in carousel Bootstrap 4.1

I want to create a slideshow that doesn't have automatic cycling. I just want to control cycling manually by clicking the arrows. However the left and right controls don't work.
srpalo
  • 493
  • 1
  • 5
  • 12
2
votes
1 answer

Carousel images are stacking when they're not suppose to Bootstrap 3.3.7

I want to create a carousel having two slides, a caption for each slide, and controls for sliding forwards and backwards. Does anyone know why the images are stacking???
srpalo
  • 493
  • 1
  • 5
  • 12
2
votes
2 answers

Bootstrap 4 carousel not working?

I have the following BS4 Carousel code, (made it using this tutorial https://www.youtube.com/watch?v=n8ItscKLf7s&list=PLRtjMdoYXLf47brThg9-nTj8HSq8cQ0ND&index=53), However the code is not working, the first image is displayed but I dont know for…
Shahrukh Nasir
  • 131
  • 1
  • 4
  • 14
2
votes
0 answers

I remove last item and data target its own the carousel-control dose not work.

I have Bootstrap Carousel as shown below It works fine as it is but when I remove last item and data target its own the carousel-control dose not work. What could be the issue here, any help please? Thanks....
Fatma H.
  • 21
  • 1
2
votes
1 answer

Bootstrap Carousel is overriding my own styles in html

I am VERY new to html and have very limited skills so please bear with me. I am trying to put an infinite image carousel with links on the front page of my website. But Bootstrap overrides my web styles. I thought I knew where my styles where( I…
Bri_bytes
  • 21
  • 1
2
votes
2 answers

Destroy/remove bootstrap carousel

First, I created a virtual carousel (carousel elements) and then initialize it $('#first-carousel').carousel(); Now, I run unto scenario where if window width is less than 480 then remove that carousel (#first-carousel'). How to remove bootstrap…
Juliver Galleto
  • 8,831
  • 27
  • 86
  • 164
2
votes
2 answers

Bootstrap Carousel active class not changing

I have created a Bootstrap carousel and clicking the indicators changes the current slide but doesn't change the class of the the slide to active meaning the indicator never changes.
Desinneh
  • 23
  • 1
  • 3
2
votes
2 answers

Creating a loop within a loop in Wordpress to display 12 posts in groups of two contained in separate divs

I was hoping one of you Wordpress gurus can help me out here. I'm trying to create a loop within a loop that presents 12 posts, in 6 rows. In each row you have 2 divs. Each div is meant to display a post title. And the loop runs through all of the…
2
votes
0 answers

Bootstrap carousel reordering items and content

I made an bootstrap carousel for media slider. This slider accept only YouTube, Vimeo and Image links. Here is full working (HTML/CSS/JS) example: https://jsfiddle.net/yrkd4fs1/ And here is also my HTML code:
2
votes
2 answers

Vertically center carousel items in responsive

I have a carousel with items that have variable height in responsive, and I want to center them vertically in the .carousel-inner container. And I do (using flex, top & transform, etc)... but they're centered only when they have finished the…
2
votes
1 answer

Multiple Bootstrap Carousels without IDs?

Is there a way to have multiple generic bootstrap carousels without IDs on a page work separately? Currently, both carousels are working, but when I click prev/next then it changes both carousels. I would think this would target the carousel…
Fawn
  • 73
  • 1
  • 4
  • 20
2
votes
0 answers

Multiple Collapsible divs bootstrap

I am creating a gallery with albums in Bootstrap 3.3.6. The albums consist of an album cover which reveals or hides the album pics inside a collapsible
. Collapsible
is also accordion style. I have 2 layouts for mobile and desktop…
1 2
3
18 19