A slideshow component for cycling through elements, like a carousel. Nested carousels are not supported.
Questions tagged [bootstrap-carousel]
272 questions
3
votes
1 answer
How to alter bootstrap carousel for tablet, mobile and wider device with 3 different setups?
I have built a bootstrap carousel (full screne intro) on my website which works perfectly on big devices but on mobile device it shows only the left third of the carousel image but I would like it to be the center of the image.
So I think a good…
Upendo
- 33
- 1
- 4
3
votes
1 answer
Carousel slide glitch
I am making a carousel and I have run into a glitch, never had this before. When it slides onto the next item, the content that comes in is aligned to the bottom and then when it's fully into the viewport, then it comes up. Can't figure out my error…
Amaan Kulshreshtha
- 525
- 6
- 19
3
votes
0 answers
Dynamically adding JSON data to Bootstrap slideshow via javascript
I have a JSON feed I'm accessing to pull data from and am using a little javascript and jQuery to place the data into a Bootstrap carousel. I am having trouble figuring out how to properly loop the data, to feed the carousel appropriately. What I…
TummyTimmy
- 31
- 4
3
votes
3 answers
Bootstrap carousel taking full display of right side of a browser window
I am trying to get the boostrap carousel taking the full display of the right side of a browser window.
For this, the margins of the carousel should by modified to leave the image in the center of the right side at the max width (5/12 of the page)…
michltm
- 1,399
- 2
- 13
- 33
3
votes
1 answer
div background-image in codeigniter use for bootstrap half-slider
I want to use the bootstrap half-slider carousel and I am using codeigniter. In it, it used
with background-image instead of ![]()
, like this
d_unknown
- 875
- 3
- 15
- 41
3
votes
1 answer
Pull all images from a folder and create Bootstrap carousel/slideshow
M getting stuck with this code, where i am trying to pull all images inside a folder & put them in list or div, to create Bootstrap Carousel.
luna.romania
- 309
- 3
- 15
3
votes
1 answer
bootstrap carousel with multiple items doesn't move 1 image
I want to implement a Bootstrap 3 carousel with multiple items on my page and it should move one image each step. I tried using a few examples that I found and every time the same problem. When I inspect element, I see 4 images in each item and then…
tartash
- 49
- 3
- 6
2
votes
1 answer
How to get current data slider when slider changes and when initial conditions?
I created a slider that has a data-banner attribute to send its data to Google Analytics.
I want the data sent to google analytics is the data from the current slide. I've made the script as below, but the Banner 1 data doesn't appear in the console…
fikfe
- 172
- 7
2
votes
1 answer
How to use Carousel from bootstrap(5.1v) only in react?
With only installing bootstrap in create-react-app unable to navigate to the next and previous slide. Here I'm using bootstrap class with HTML.
P.S : Only with bootstrap not react-bootrap.
Carousel.js
export default function Carousel() {
return (
…
Hithesh kumar
- 1,008
- 9
- 25
2
votes
0 answers
For loop dynamic Product cards slider
I want a carousal for my for loop of products in Django html template and i want 6 items per slide to move with previous and forward buttons. Please let me know how to do it using html and CSS and JavaScript.
code:
aditya singhal
- 21
- 1
- 2
2
votes
0 answers
Creating a Bootstrap carousel that shows preview of previous and next image and handles landscape and portrait photos
I currently have a carousel that shows 1/3 of the previous and next photo. It has a set height and will show a portion of the featured image to fit into that height.
$('.carousel-item', '.multi-item-carousel').each(function(){
var next =…
Sara Fuerst
- 5,688
- 8
- 43
- 86
2
votes
2 answers
loading multiple google chart inside bootstrap carousel
I have created a bootstrap carousel to illustrate the data of our company. In this carousel, I have bootstrap table, pics and two google charts (pie chart and stacked bar chart).
If I do not keep active class for the google chart they are not…
user4221591
- 2,084
- 7
- 34
- 68
2
votes
1 answer
How to make landscape and portrait images compeletely responsive and same height within carousel?
I have a bootstrap carousel which has portrait and landscape images inside.(Wide screen)
As you can see above,each image has different size.And carousel height automatically set to heighest image's height.This behavior is not what I want because in…
user14301156
2
votes
1 answer
Page jumps when carousel content changes it height/content
I am facing an interesting behavior on my page when the boostrap carousel is wrapped and the wrapper is position:absolute... so when the page is a bit scrolled down and next carousel-item has a different height the page simply "jumps"...
My…
caiovisk
- 3,667
- 1
- 12
- 18