https://github.com/mdbootstrap/bootstrap-horizontal-list

Responsive Horizontal list built with Bootstrap 5. Horizontal lists are responsive components for displaying a series of content.
https://github.com/mdbootstrap/bootstrap-horizontal-list

bootstrap bootstrap-horizontal bootstrap-horizontal-list bootstrap-list bootstrap-template bootstrap-theme bootstrap5 css html

Last synced: 7 months ago
JSON representation

Responsive Horizontal list built with Bootstrap 5. Horizontal lists are responsive components for displaying a series of content.

Host: GitHub
URL: https://github.com/mdbootstrap/bootstrap-horizontal-list
Owner: mdbootstrap
License: other
Created: 2022-09-08T20:59:45.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2022-09-14T07:56:32.000Z (over 3 years ago)
Last Synced: 2025-10-01T19:35:35.776Z (7 months ago)
Topics: bootstrap, bootstrap-horizontal, bootstrap-horizontal-list, bootstrap-list, bootstrap-template, bootstrap-theme, bootstrap5, css, html
Language: SCSS
Homepage: https://mdbootstrap.com/docs/standard/extended/horizontal-list/
Size: 1.73 MB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: License.pdf

Awesome Lists containing this project

README

Responsive Horizontal list built with Bootstrap 5. Horizontal lists are responsive components for displaying a series of content.

Check out [Bootstrap Horizontal list Documentation](https://mdbootstrap.com/docs/standard/extended/horizontal-list/) for detailed instructions & even more examples.

## Basic example

[Bootstrap Horizontal list:
![Bootstrap 5 Horizontal list](/assets/basic-example.png)](https://mdbootstrap.com/docs/standard/extended/horizontal-list/#section-basic-example)

```html

Cras justo odio

Dapibus ac facilisis in

Morbi leo risus

Cras justo odio

Dapibus ac facilisis in

Morbi leo risus

Cras justo odio

Dapibus ac facilisis in

Morbi leo risus

Cras justo odio

Dapibus ac facilisis in

Morbi leo risus

Cras justo odio

Dapibus ac facilisis in

Morbi leo risus

Cras justo odio

Dapibus ac facilisis in

Morbi leo risus

```

## 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

[Bootstrap Horizontal list scroll:
![Bootstrap 5 Horizontal list](/assets/scroll.png)](https://mdbootstrap.com/docs/standard/extended/horizontal-list/#section-scroll)

[Bootstrap Horizontal list links:
![Bootstrap 5 Horizontal list](/assets/links.png)](https://mdbootstrap.com/docs/standard/extended/horizontal-list/#section-links)

[Bootstrap Horizontal list images - cards:
![Bootstrap 5 Horizontal list](/assets/images-cards.png)](https://mdbootstrap.com/docs/standard/extended/horizontal-list/#subsection-cards)

[Bootstrap Horizontal list images With scroll:
![Bootstrap 5 Horizontal list](/assets/images-with-scroll.png)](https://mdbootstrap.com/docs/standard/extended/horizontal-list/#subsection-cards-with-scroll)

___

## More extended Bootstrap documentation