https://github.com/mdbootstrap/bootstrap-slideshow

Responsive Slideshow built with Bootstrap 5. Examples of adding controls, slideshow buttons: square and rounded, dark variant, automatic slide and more. https://mdbootstrap.com/docs/standard/extended/slideshow/
https://github.com/mdbootstrap/bootstrap-slideshow

bootstrap bootstrap-template bootstrap-theme bootstrap5 carousel css html slider slideshow

Last synced: 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/mdbootstrap/bootstrap-slideshow
Owner: mdbootstrap
License: other
Created: 2022-07-14T09:01:06.000Z (almost 4 years ago)
Default Branch: master
Last Pushed: 2022-07-14T09:02:48.000Z (almost 4 years ago)
Last Synced: 2025-10-22T03:38:16.420Z (6 months ago)
Topics: bootstrap, bootstrap-template, bootstrap-theme, bootstrap5, carousel, css, html, slider, slideshow
Language: SCSS
Homepage:
Size: 2.12 MB
Stars: 1
Watchers: 1
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: License.pdf

Awesome Lists containing this project

README

Responsive Slideshow built with Bootstrap 5. Examples of adding controls, slideshow buttons: square and rounded, dark variant, automatic slide and more.

Check out [Bootstrap Slideshow Documentation](https://mdbootstrap.com/docs/standard/extended/slideshow/) for detailed instructions & even more examples
## Basic example
![Bootstrap 5 Slideshow](https://user-images.githubusercontent.com/108793661/178235013-2a228484-dcf5-4f5e-9c4b-3ecc2dfcbb52.png)
```html

```

## How to use?

1. Download MDB 5 - free UI KIT

2. Choose your favourite customized component and click on the image

3. Copy & paste the code into your MDB project

[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)

## More examples
[Adding controls: ![Bootstrap 5 Slideshow](https://user-images.githubusercontent.com/108793661/178235667-8002ed56-3148-4d6b-90ab-589e1417ba3d.png)](https://mdbootstrap.com/docs/standard/extended/slideshow/#section-controls-example)
[Slideshow buttons: ![Bootstrap 5 Slideshow](https://user-images.githubusercontent.com/108793661/178236361-d6fc71fb-cdc0-4cb6-8103-88e1873d5bd8.png)](https://mdbootstrap.com/docs/standard/extended/slideshow/#section-slideshow-buttons-example)
[Square buttons: ![Bootstrap 5 Slideshow](https://user-images.githubusercontent.com/108793661/178236582-78002a28-f9b9-45c3-a7a8-3cd14d7f6b2f.png)](https://mdbootstrap.com/docs/standard/extended/slideshow/#section-square-buttons-example)
[Rounded buttons: ![Bootstrap 5 Slideshow](https://user-images.githubusercontent.com/108793661/178237289-f8c74d38-c742-4428-bac7-f4e0e1b4dadb.png)](https://mdbootstrap.com/docs/standard/extended/slideshow/#section-rounded-buttons-example)
[With text: ![Bootstrap 5 Slideshow](https://user-images.githubusercontent.com/108793661/178237514-e82837db-1401-47f7-a333-8bcee376414b.png)](https://mdbootstrap.com/docs/standard/extended/slideshow/#section-text-example)
[Dark variant: ![Bootstrap 5 Slideshow](https://user-images.githubusercontent.com/108793661/178237676-cef9c934-c808-46e5-9c65-72c830eb28ca.png)](https://mdbootstrap.com/docs/standard/extended/slideshow/#section-dark-variant-example)
[Automatic Slide: ![Bootstrap 5 Slideshow](https://user-images.githubusercontent.com/108793661/178237843-84142424-b29c-42ce-a169-ddf20addf075.png)](https://mdbootstrap.com/docs/standard/extended/slideshow/#section-automatic-slide-example)

You can find other examples [here](https://mdbootstrap.com/docs/standard/extended/slideshow/).

## More extended Bootstrap documentation