Questions tagged [bootstrap-carousel]

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

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
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?
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?
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…
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…
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…
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…
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)
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…
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