A slideshow component for cycling through elements, like a carousel. Nested carousels are not supported.
Questions tagged [bootstrap-carousel]
272 questions
2
votes
0 answers
Python / Django / Bootstrap - How to add images to the bootstrap carousel via website admin panel?
I have the following problem:
For now I have a working static bootstrap carousel with 3 images. The main idea is to add an app which allows to change these images via the website admin panel. Now I have:
model.py
class BGImagesModel(models.Model):
…
Moveton
- 253
- 2
- 12
1
vote
1 answer
Reinitialize bootstrap carousel after Ajax call
I'm setting up the bootstrap carousel after the Ajax call to the DOM. So, I'm appending elements and classes after the page load as below.
async function ajaxCall() {
let data = await fetch('ApiLink');
let jsonData = await data.json();
…
Sana Jafari
- 21
- 1
- 6
1
vote
1 answer
How to use carousel light on a data-bs-theme="dark" webpage
I am using a bootstrap carousel on a page with data-bs-theme="dark" in the html tag - i.e. I am using a dark theme. Because of this, the carousel automatically changes to a dark theme. I want the indicators, the captions, and the controls to be…
The Digital Guru
- 27
- 5
1
vote
0 answers
Bootstrap 5 customize carousel indicators with awesome font
after extensive research I have not found a way to be able to customize carousel indicators with bootstrap (re.l 5). I would like to replace the default carousel indicators with a symbol from font awesome but I am stuck. Here is where I have come…
Old-fashioned-dev
- 403
- 3
- 20
1
vote
1 answer
why is bootstrap 5 Carousel not working even thought i copied the code from their website
So i am making a webpage with bootstrap 5, I am using the CDN to work with it.
I want to use their carousel but it doesn't seem to work. I haven't made any changes to their code other than changing the image "src". I have copied it from their…
Manav Mehta
- 29
- 5
1
vote
0 answers
Bootstrap 5.2 carousel error - control buttons move up and transition not working
I'm trying to implement the bootstrap carousel on multiple cards, and it's not working - the previous/next buttons move up and the transition is not smooth
Any ideas on how I can fix this would be appreciated.
See gif of screen and how it looks:…
Mvm mau
- 11
- 1
1
vote
2 answers
How to change the value of data-bs-slide-to dynamically bootstrap 5 and vue js 2
I'm trying to do a dynamic carousel, almost succeeded, but I need to make the bootstrap 5 property 'data-bs-slide-to' populate automatically according to a given array.
Complete code:
Rodrigo Quintuman
- 21
- 3
1
vote
1 answer
Swipe not working on the first slide in Bootstrap carousel?
Swipe on Carousel does not work on mobile on load (with "data-touch" is set to true) unless we click the next button first.
When i try to swipe on the mobile device to next item of the Bootstrap carousel it's not working on the first slide but if i…
Abdo Rabah
- 1,670
- 2
- 15
- 31
1
vote
1 answer
Import Bootstrap & plugin Carousel with Webpack Encore
I'm working on a Symfony project with Webpack Encore and I have a problem with loading Bootstrap and the plugin Carousel.
It could come from the import of Bootstrap because it's seems to work (but not fully) when I import the file:
import…
Max
- 25
- 4
1
vote
0 answers
Captions in Bootstrap Carousel animate diagonally instead of vertically
I have a Bootstrap 5 carousel with three slides, each with two lines of captions. The captions are supposed to move vertically up and down out of frame each time a slide changes. But since they are attached to the slides, which move horizontally,…
AlexanderSplat
- 41
- 1
- 9
1
vote
1 answer
Django Bootstrap Carousel 4 items at a time
Good day SO.
I want to use Bootstrap Carousel with Django and display 4 items per carousel-item. (With a maximum of 20 items)
First on my views, I have created a view:
items = AllItems.objects.all().order_by('-id')
context['items'] = items
Next,…
rod james
- 369
- 3
- 13
1
vote
1 answer
Bootstrap 4 Carousel next/prev buttons documentation
I have a Bootstrap 4.0.0 Carousel up and running.
Time based changes and direct selection of items work as expected.
But the prev/next buttons do not work.
Documentation says, it should be like this (example for the left/prev button):
Frnk
- 11
- 2
1
vote
2 answers
@ViewChild returns undefined. I can not access to the carousel ElementRef inside a modal
I am new to Angular CLI and I am using v11. I am trying to create an image gallery that clicking on some image generates a modal with a carousel showing the selected image at the beginning. But when I click on the image and the modal appears, for…
1
vote
1 answer
how can I change the color of the ng bootstrap carousel arrows
I'm trying to change the color of the arrows - but nothing works (tried setting it as an image too).
what I tried:
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'…
st123
- 246
- 3
- 14
1
vote
0 answers
when carousel caption is too long it falls off image, how to fix?
Here's my css code and HTML. Whenever a line in my carousel-caption becomes too long it falls off the image. When I minimize the window, however, the caption eventually moves into the image creating the effect I really want. Wondering how I can…
st123
- 246
- 3
- 14