Questions tagged [bootstrap-carousel]

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

272 questions
0
votes
2 answers

Bootstrap Carousel Button Position

I need to change the position of some element in a bootstrap carousel. I have this example slide and i want to change position for the primary button but i don't find any type of suggest online.
0
votes
1 answer

How to use slider arrows to activate Twitter Bootstrap tabnav controls

I asked this question before and you guys helped me, everything works beside that the Navtab wich is active isnt highlited. For Example if i Press Tab 2, the tab is hilighted and the slider will swipe to Slide 2. But if i just Slide to Slide 2 from…
HendrikEng
  • 654
  • 1
  • 10
  • 32
0
votes
1 answer

Pause bootstrap carousel at specified resolution

I'm trying to pause the bootstrap carousel at any resolution below 640px. I've tried a number of different seemingly intuitive ways to do this but nothing is working. Currently I have: $(document).ready(function(){ if ($(window).width() >…
plamb
  • 5,636
  • 1
  • 18
  • 31
0
votes
1 answer

load images into bootstrap carousel onClick

I'm working on an html site with a lot of images, to reduce loading time I'm going to load hidden images when user click on the cover image with javascript, then insert it into bootstrap carousel. I tried to make it, but unsuccessful. Images aren't…
y45
  • 47
  • 3
  • 9
-1
votes
1 answer

How do I make it possible to slide only to the right when using the bootstrap carousel?

I want to implement it so that I can only slide in one direction, but I don't know how to do it. If I go from the first slide to the second slide, I want to make sure that I don't slide again first. Please tell me how to prevent it from going back…
-1
votes
1 answer

Bootstrap components

Trying to build e-commerce website using bootstrap. I want to know:- 1- how to make items sliders item-Slider 2- Navbar drop menu expanded. Expanded Drop-menu
IBdr
  • 1
  • 2
-1
votes
1 answer

Detect that Bootstrap carousel ended

I would like to know if there is any way to detect when the Bootstrap carousel finishes running, since I need to execute a function when the carousel reached the last element. I apply here the question to a comment to see it in a better…
-1
votes
2 answers

How to fit portrait image into bootstrap carousel with landscape ones?

I have a bootstrap carousel example with 2 landscape(width is greater than height) and 1 portrait(height is greater than width)images. Since the portrait one is taller than others, it causes overflow like below Landscape one Portrait one I want…
user14301156
-1
votes
1 answer

Why is my ternary operator not working on a class in ERB to load images from a database to a bootstrap carousel?

I am trying to load images in a bootstrap carousel with images stored in a PostgreSQL database on my Ruby on rails app. I am using ERB on the front end. With the code below nothing shows up... I believe it has something to do with my ternary…
-1
votes
1 answer

Bootstrap collapse pushes anchor point and carousel control

I am building a portfolio page using bootstrap, My Page I added collapse boxes under every carousel for more info, but when I active the collapsed items , two problem appears Anchor points are not working properly anymore. I set the anchor points…
user5928872
-1
votes
1 answer

How to remove focus from the left and right carousel arrows after clicking on them?

It is a very interesting issue. In the below image, there are left and right carousel arrows. There is a text box under each item where the user can type the name. If the user clicks on either left or the right arrow, and then, if he clicks on any…
-1
votes
1 answer

EmberJS: How to make the carousel to work

I've installed ember-bootstrap add-on, and have tried doing it the bootstrap way. It didn't work. Then used slick-carousel as well ember-carousel, but neither of them seem to work properly. ember-carousel renders oddly both the rich and regular…
-1
votes
1 answer

What is wrong with my image carousel?

I am making a very simple webpage. I am a total novice and so the standard is quite low. My page currently looks like this: https://i.stack.imgur.com/SC1OY.png What am I missing here? Here is my code:
-2
votes
1 answer

multiple item carousel css bootstrap

Just a simple question I was going through a tutorial for multiple item carousel and found this in I a css code which I couldn't understand .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), …
user11815659
1 2 3
18
19