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

Responsive Inline list built with the latest Bootstrap 5. Inline lists are responsive components for displaying a series of content. Many examples and tutorials. https://mdbootstrap.com/docs/standard/extended/inline-list/
https://github.com/mdbootstrap/bootstrap-inline-list

alignment bootstrap bootstrap-template bootstrap-theme bootstrap5 bullets css html inline list separators

Last synced: 28 days ago
JSON representation

Host: GitHub
URL: https://github.com/mdbootstrap/bootstrap-inline-list
Owner: mdbootstrap
License: other
Created: 2022-07-18T08:27:48.000Z (almost 4 years ago)
Default Branch: master
Last Pushed: 2022-07-18T09:18:21.000Z (almost 4 years ago)
Last Synced: 2026-04-03T04:50:45.139Z (about 2 months ago)
Topics: alignment, bootstrap, bootstrap-template, bootstrap-theme, bootstrap5, bullets, css, html, inline, list, separators
Language: SCSS
Homepage:
Size: 939 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: License.pdf

Awesome Lists containing this project

README

Responsive Inline list built with the latest Bootstrap 5. Inline lists are responsive components for displaying a series of content. Many examples and tutorials.

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

## Basic example
![Bootstrap 5 Inline list](https://user-images.githubusercontent.com/108793661/179474062-8f839d39-ddbb-4ebc-bbb9-78447f545ce8.png)
```html

Item 1

Item 2

Item 3

Item 4

Item 5

```

## 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
### With bullets:
[![Bootstrap 5 Inline list #1](https://user-images.githubusercontent.com/108793661/179474541-70d1f7b8-1d20-40e2-bfba-3c9e82d79e8f.png)](https://mdbootstrap.com/docs/standard/extended/inline-list/#section-with-bullets-example)
### With separators:
[![Bootstrap 5 Inline list #2](https://user-images.githubusercontent.com/108793661/179474739-345066e8-2a4c-4e11-a390-360888bbaf27.png)](https://mdbootstrap.com/docs/standard/extended/inline-list/#section-with-separators-example)
### Align right:
[![Bootstrap 5 Inline list #2](https://user-images.githubusercontent.com/108793661/179474938-0d3b888f-4eaf-44e4-ac57-53e825474451.png)](https://mdbootstrap.com/docs/standard/extended/inline-list/#section-align-right-example)

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

## More extended Bootstrap documentation