A slideshow component for cycling through elements, like a carousel. Nested carousels are not supported.
Questions tagged [bootstrap-carousel]
272 questions
0
votes
2 answers
Accessibility - Bootstrap4 Carousel control tabbing is not going on to carousel-caption div while using the tab key from Keyboard
PFB is the example, Here I am using for Bootstrap Carousel control.
https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_carousel2&stacked=h
This example is working fine but when i am using tab key from the keyboard, control is not going on…
Avinash
- 2,053
- 2
- 14
- 32
0
votes
2 answers
Carousel Bootstrap version 3.3 does not rotate
I have the following problem:
I want to implement a Carousel with Bootstrap version 3.3.7 on my website. The code looks like this:
…
Premox
- 323
- 10
- 25
0
votes
1 answer
Looping images in bootstrap carousal rails
I'm having some trouble trying to display multiple images attached to a job post using bootstrap carousal. Here's the original code without the caraousal template:
<% if @job.images.attached? %>
<% (0...@job.images.count).each do |image| %>
<%=…
Eric
- 673
- 1
- 7
- 23
0
votes
2 answers
Move carousel caption outside carousel
I'm trying to move the caption outside the coursel towards the left side but the problem it's not working. Whenever it moves outside its parent container it stops showing. Can somebody please help me out. Here is a JS bin link --> JSBin
It would be…
Gardezi
- 2,692
- 2
- 32
- 62
0
votes
3 answers
How to close Bootstrap 4 Pop-up on X with carousel
Im trying to close a Bootstrap 4 pop-up when someone clicks the X icon.
If I remove the code 'data-backdrop="static" it will close the pop-up whenever I click anywhere outside of the modal. However that wont work because every time someone tries to…
Emanuel
- 79
- 3
- 3
- 13
0
votes
2 answers
How to fit bootstrap4 modal with carousel image to page?
I'm trying to make fluid vertical image that fits screen inside of modal
like
But instead, if the image is higher than the screen size, it starts bursting out of the screen with the ability to scroll it, while it's all fine with horizontal…
0
votes
1 answer
How to show owl carousel slides in multiple horizontal rows based on setting?
I want to show owl-carousel image-slides in two or three horizontal row, based on setting. How it is possible?
Also i need that, in mobile view(small screen), the image-slide should be single and should be in single row.
Something like this (guess…
ThermeshB
- 61
- 1
- 11
0
votes
3 answers
Responsive text positioning?
I use Bootstrap carousel slider with text (carousel-caption). It is responsive on all device, but the text is always centered and on the bottom of screen. I know how to position the text wherever I want.
But if I change the position, it isn't…
Boombaar
- 147
- 2
- 9
0
votes
1 answer
Problem on adding Bootstrap carousel component
I'am praticing and learning about bootstrap and at this moment i am trying to adding a carousel in my website.
I picked a example from Bootstrap that haves on the first DIV, the id="carouselExampleSlidesOnly", with this ID, the carousel works…
Leonardo
- 1
- 1
0
votes
1 answer
Bootstrap carousel chevron button and slides are not working
I've pasted my code for a bootstrap carousel below. It doesn't work, but I'm not sure why.
- 11
- 1
Rakesh Suthar
0
votes
1 answer
Query regarding Responsive web page with Bootstrap grid system and CSS media queries
I have made a website with Bootstrap and used its grid system and CSS media queries according to col-xs, col-md, it is responsive but I had to set the font size according to the min-width in media query which makes it smaller when it reaches the…
Dpka
- 246
- 1
- 3
- 13
0
votes
1 answer
how make a dynamic bootstrap carousel in rails?
I need show a list of products in a carousel using bootstrap grouped by 4 elements in each 'item' class.
here is my develop
<% products.each_with_index do |product, n| %>
<% if n % 4 == 0 %>
…
Joaquin Diaz
- 184
- 1
- 5
- 16
0
votes
0 answers
Display 9 Items in bootstrap corousel with ng-repeat
Total 20 Images, I have to show 9 items in each slider so total 3 slider.
I tried this following link
Four items in bootstrap carousel Ng repeat?
Vishnu
- 745
- 12
- 32
0
votes
1 answer
Bootstrap carousel not displaying newly created item
I have a div that uses a bootstrap carousel with ng-repeat. I also have a way to add items the current list of items.
So if I am in index 0 and I click the add button, I want to be able to slide to the new item.
Currently with what I have, the…
J.Do
- 303
- 6
- 26
0
votes
1 answer
Bootstrap Carousel Controls Sizing
How to customize the size of controls in the bootstrap carousel with CSS? Im currently using Bootsrap 4. I have tried this but this only moves it.
.carousel-contol-prev {
height: 26%;
top: 33%;
width: 200px;
}
Sebastian Cavazos
- 11
- 2