A slideshow component for cycling through elements, like a carousel. Nested carousels are not supported.
Questions tagged [bootstrap-carousel]
272 questions
1
vote
0 answers
Bootstrap Carousel Prev/Next malfunctioning in Angular-seed app
I have added Bootstrap in Angular-Seed project. The carousel-indicators are working fine but there is problem with the Prev/Next button.
On clicking Prev button, it switches to Last image & stays on it even if you click prev again. On clicking Next…
SGreen
- 11
- 3
1
vote
1 answer
Bootstrap 4 Carousel: How to stack container items instead of inline
Wanting to stack the contents of each slide (an h2 and button) vertically instead of the default inline format of Bootstrap 4 Carousel. My code is as follows:
Mike
- 13
- 4
1
vote
0 answers
Bootstrap carousel formatting and styling
Below I have a sample bootstrap carousel bit of code. I am not happy with how the default appearance looks, so I am trying to modify it to look a little more like I want it to. I have tried using inspecting to change and plug in values, but can't…
Ex0r
- 27
- 6
1
vote
0 answers
Bootstrap carousel not pausing when using touchpad
I am using the bootstrap carousel:
$(document).ready( function() {
$('.carousel').carousel('pause');
var clickEvent = false;
$('#myCarousel').on('click', '.nav a', function() {
clickEvent = true;
$('.nav…
progNewbie
- 4,362
- 9
- 48
- 107
1
vote
2 answers
Bootstrap carousel photos list not working
I'm currently trying to add a bootstrap carousel to this website in which I'm making for someone and every time I add a photo or a caption, the photos either line up in a list and the captions stack up on top of each other. Can someone help ?
This…
Jeffrey Payne
- 23
- 4
1
vote
0 answers
My bootstrap Carousel wont start automatically, but works fine once clicked
So I am working on implementing a bootstrap carousel on my html page, but for some strange reason it doesn't start automatically, but works fine once clicked. Below is my code so I hope someone can help me. Thank you in advance!
Monsieur_Bond
- 33
- 6
1
vote
1 answer
How to Vertically Center a Bootstrap 4 Carousel slide during its transition?
I'm creating a carousel to hold testimonials, but i'm having a few issues with the vertical alignment of the slides.
Ideally, the Slides will be centered upon entering the screen, but currently the slide will come in at the top, and then once the…
Mossie
- 13
- 4
1
vote
1 answer
Bootstrap Carousel Text only - issues with indicator position
I'm trying to make a carousel with just text in it. The carousel / slider is working good now and it's responsive as well. Now I am having some issues with the position of the indicators.
Here's a JSFiddle and my CSS code. Hope you can help…
Artur Hermann
- 13
- 2
1
vote
1 answer
Building carousel with 3 slides per grid using js array for loop
Here's what's happening below:
Overally I'm iterating over two arrays. One main array; second is sub array of main array.
My subarray is items.image_urls
let urls = items.image_urls.slice();
let result = []
var first_index = 0
var html = `
Biplov
- 1,136
- 1
- 20
- 44
1
vote
0 answers
Bootstrap carousel; loop using .forEach and display x many items per slide
My bootstrap carousel structure looks like this:
I'm invisioning slice to work something like this:
final_push.push(items.image_urls.slice(0,5)) # I use the following code to get every 5 items per slide. As of now it doesn't do that instead it…
Biplov
- 1,136
- 1
- 20
- 44
1
vote
0 answers
Bootstrap v4.0.0-beta.3 carousel + responsive images maintaining aspect ratio
I use Bootstrap v4.0.0-beta.3 and I try to build a slider using bootstrap carousel component. I have a problem with forcing the carousel to make images to cover the whole visible screen while keeping correct image aspect ratio. Here is my…
Jacek
- 31
- 1
- 8
1
vote
1 answer
Bootstrap Carousel image stack
I'm trying to learn how to use a bootstrap carousel. My problem is that my two images stack on each other. I've been looking thru the code 100 times but can't figure out what's wrong.
Carl Decks
- 385
- 4
- 15
1
vote
1 answer
bootstrap.js:441 Uncaught TypeError: Cannot read property 'offsetWidth' of undefined
I am Using Angular bootstrap. Actually, there are two Carousel slider in same page so some time Carousel get stopped when getting this error.
Please see attached image to check error what i am getting.
The scenario is i am trying to get data from…
HMS Designz
- 65
- 2
- 11
1
vote
0 answers
Jquery carousel with two row indicators
Looking for a Jquery Carousel plugin or ideas how can I do something like this.
Indicator cat1
indicator image 1
indicator image 2
....
Indicator cat2
indicator image 1
indicator image 2
...
Carousel
Alexander Zharuk
- 31
- 1
- 4
1
vote
3 answers
adding active class bootstrap carousel at repeat data just on first key in react app
I'm looking how to make a repeat item carousel which has if just key 0 that have class action if I using it in return it's error and if I using variable in return pug .carousel-item${activeornot}
return _.map(this.props.editor_pick_data, function…
Jaka Prima
- 13
- 4