A slideshow component for cycling through elements, like a carousel. Nested carousels are not supported.
Questions tagged [bootstrap-carousel]
272 questions
0
votes
0 answers
how to make a carousel with fixed width with nearby slides visible if the window if big enough
I'd like to have the center slide a fixed width of 960px with nearby slides visible if the window is big enough
This is how I want the slider to look like. See at the bottom of the site.
My HTML

Nauman
- 894
- 4
- 14
- 45
0
votes
2 answers
Bootstrap Carousel - Display All Slides
Is there a way to display all the slides like this:
Probably the left and right of this active slide?

Kyle Torre Villar
- 101
- 2
- 15
0
votes
0 answers
ReactJS listen/watch for DOM changes
I'm having a simple Carousel in ReactJS application which runs fine. However, I'm trying to render the slide's content only if it is (hasClass) active, otherwise fires three times on load.
What is the correct way in ReactJS to listen…

angular_learner
- 671
- 2
- 14
- 31
0
votes
1 answer
Bootstrap carousel: slide up vertically centered text
I've centered text inside carousel items with display:table-cell and vertical-align: middle. It works fine but when slide changes the text inside it shows at the top first and only then centered.
Here is my code - JSFiddle
How to proceed further?

Andriy Lozynskiy
- 2,444
- 2
- 17
- 35
0
votes
1 answer
Carousel angular ui bootstrap 2.0.1
I have a problem with the uib-carousel of angular-bootstrap 2.0.1.
I don't understand what happen... I had angular-bootstrap 2.0.0 with a slider with images and video (videogular directives). Everything was perfectly working, then I maj to 2.0.1 and…

Nooka10
- 13
- 4
0
votes
1 answer
Why isn't my Bootstrap carousel or jQuery code working in Safari?
I've been coding for a month so sorry if this has an easy answer, but I've been searching for days with no result.
I've built a simple practise webpage using a Bootstrap carousel as the page background and jQuery to make divs (where page content…

JamesDDavies
- 1
- 2
0
votes
1 answer
Scroll in one item is affecting another item in bootstrap carousel
In my page I've a carousel and four items inside of that carousel.
All items have some big lists and scrolling in one item is automatically scrolling other item.
I don't want other items to be scrolling automatically they should be at their…

V Jayakar Edidiah
- 946
- 9
- 16
0
votes
2 answers
Bootstap Carousel won't work inside div
I'm building a website using Bootstrap and using Carousel at 100% height. The problem is that it works but not within another div. My Joomla system generates two div by default and so I can't avoid that. How should I resolve this issue?
DEMO with…

Elaine Byene
- 3,868
- 12
- 50
- 96
0
votes
1 answer
Bootstrap Carousel breaks html layout with XSLT on Sharepoint
I am facing this weird issue, please follow to the rest:
1- I have this static carousel html code: (which is working on browser)

Mohamad Al Asmar
- 1,107
- 1
- 16
- 35
0
votes
1 answer
Namespacing styles break Bootstrap carousel transition
Namespacing styles breaks transitions.
I have a Bootstrap Carousel displaying the previous and next image. I have more than one Bootstrap Carousel, so I need different styles for each. Doing so breaks the transition.
If you comment the .namespace…

tehlivi
- 790
- 1
- 12
- 26
0
votes
1 answer
How to iterate through an array of images using bootstrap carousel

Lee
- 87
- 11
0
votes
1 answer
Bootstrap Carousel slideshow messes up elements and content of website
I decided to implement bootstrap carousel in my website, I got the code from W3Schools website I followed the instructions on how to apply the slideshow in my website and the slideshow worked perfectly but it messes up elements of my website.
An…

Kyle Josef
- 7
- 3
0
votes
2 answers
Unable to create Bootstrap carousel infused by AngularJs
I'm using AngularJS to build my app and I wanted to add a bootstrap carousel, using angular bootstrap elements. Due to this bug (another link), I decided to drop the angular bootstrap library and use the regular bootstrap carousel, but infuse it…

Alex
- 1,982
- 4
- 37
- 70
0
votes
1 answer
Bootstrap carousel after last slide the height is changing
I have used bootstrap 3 carousel and i have 3 slides in my banner and I have three background images in each item.I have activated auto sliding using data-ride="carousel" and now after last slide the carousel height is changing a jumping is showing…

Dhanil
- 442
- 2
- 6
- 15
0
votes
0 answers
Django Bootstrap Carousel
I am trying to use a Twitter 3 Bootstrap carousel in my django template. The first "item" displays just fine but none of the others do- the "controls" don't do anything. Why are none of the other carousel items displaying?

steph
- 701
- 2
- 10
- 30