Card Slider in Carousel

Ideas
1

Has anyone in here made a card slider from the carousel option in BS.
I am keen to make one for a current project and not sure how to do it.

3

No not like that. More like an article card with multiple cards

4
5

Based on GitHub - ganlanyuan/tiny-slider: Vanilla javascript slider for all purposes. rather than default bootstrap carousel

6

Yes these are exactly what I am looking for

7

@michael-mcgee

It’s html markup only, so it shouldn’t be any problems to import it into Bootstrap Studio

If your card text has varying lengths, you can use this CSS to ensure consistent sizing across slides with cards. Adjust the height to your preference:

.carousel-item .card-text {
  height: 120px; 
  overflow-y: auto;
  scrollbar-width: thin;
}

If you want the card text to behave as a scrollable container on all your cards:

.card-text {
  height: 120px; 
  overflow-y: auto;
  scrollbar-width: thin;
}

Note: Safari users will see a scrollbar with standard width.

Please ensure each card has only one <p class="card-text">text</p> element.