A slideshow component for cycling through elements, like a carousel. Nested carousels are not supported.
Questions tagged [bootstrap-carousel]
272 questions
0
votes
1 answer
Bootstrap carousel works wrong
I am trying to use bootstrap caraousel. I have copied example, but it works wrong. When i click arrow slide shows on left or right side of div and then change position. I also use inspinia. What's wrong?

marmite
- 113
- 8
0
votes
2 answers
Bootstrap Carousel height adjust as browser height
I'm trying to adjust my Bootstrap slider hight as browser screen hight but couldn't get properly.
I know this question already asked on StackOverflow but didn't found a better solution.
I found one solution by setting height = 85vh but slider images…

Mudassar
- 117
- 1
- 9
0
votes
2 answers
Bootstrap 4 Carousel doesn't advance after the first Next / Previous arrow click
My carousel isn't working properly after the page first loads. Once it does and I click on one of the next / previous arrow a second time, the carousel won't advance. I do notice the carousel ID loads in the URL after the first click and if I reload…

Mawkus
- 115
- 1
- 1
- 10
0
votes
1 answer
Bootstrap carousel Not functional
I'm working in Laravel 5.5 which is bundled with Bootstrap and I have my main JS file running appropriately (i.e. laravel mix compiling with all the all the js files loaded with it appropriately). However, bootstrap 3.3.7's carousel is not working…

UncleT
- 77
- 1
- 9
0
votes
3 answers
Bootstrap carousel item jumping when adding padding to carousel-inner
I have tried to troubleshoot this for so long and no luck. the issue is that the slider is working as it should, except when I add padding to .carousel-inner the items is jumping and appearing in the background..
Codepen can be found here
I have…

Mostafa Mohsen
- 766
- 5
- 15
0
votes
1 answer
Vertical Bootstrap Carousel on mouse scroll - to occur after scrolling for a while
I want the bootstrap carousel to slide vertically up/down only when the mouse scrolls up/down for about 50px. How can I achieve this?
here's my HTML file :-
Carousel

Archita Sundaray
- 77
- 1
- 10
0
votes
0 answers
bootstrap 4 carousel controls only appear if inside carousel-inner
I'm having this weird problem where the controls won't show up for my bootstrap 4 beta carousel unless I place the controls links inside the carousel-inner div.
jquery & the bootstrap files are working because nothing else on the website is wrong…

Ailis
- 47
- 12
0
votes
2 answers
Bootstrap Carousel not working if not put jquery
so the problem is this, I made a carousel with bootstrap and I just put bootstrap.js for javascript. But why does slide carousel not work? whereas if I put jquery, then it can work !! Is not there a javascript in the bootstrap.js file to call the…
0
votes
0 answers
bootstrap modal with carousel, how to open modal with different slide?
i am leveraging the standard bootstrap method of initiating the modal and showing a carousel within the modal.
So depending on which button they use to trigger the modal, i want the carousel slide to be different.
below is the code thus far, but i…

Rick
- 555
- 1
- 12
- 30
0
votes
1 answer
How to write bootstrap carousel elements using jquery?
This is the site. You don't have to visit the site, everything is written here. It's wordpress using an old wordpress theme that I can't modify to make the images look like a slideshow with thumbnails. I could access header and footer to write the…

Lynob
- 5,059
- 15
- 64
- 114
0
votes
0 answers
Replace Bootstrap 3 arrows with h1 content
I've created a carousel using Bootstrap 3. I'm trying to pull the text from the H1 tags to become the prev/next arrows. For example: If Slide 2 is the active slide, the prev arrow should display "Slide 1" and the next arrow should display "Slide…

L8dySneaks
- 1
- 3
0
votes
1 answer
Bootstrap carousel not sliding even after placing scripts properly
I have read most of the answers related to this but still couldn't get my carousel to work. It just wouldn't slide. Added the jquery script before bootstrap but still no results. Here is the code: