https://github.com/mdbootstrap/bootstrap-comparison-table

Comparison table built with Bootstrap 5. Various examples like comparison table on pricing page, comparison card and many more.
https://github.com/mdbootstrap/bootstrap-comparison-table

bootstrap bootstrap5 cards comparison icons pricing rating responsive responsive-design table

Last synced: 8 months ago
JSON representation

Comparison table built with Bootstrap 5. Various examples like comparison table on pricing page, comparison card and many more.

Host: GitHub
URL: https://github.com/mdbootstrap/bootstrap-comparison-table
Owner: mdbootstrap
License: other
Created: 2021-08-13T05:27:43.000Z (over 4 years ago)
Default Branch: main
Last Pushed: 2022-01-26T12:41:47.000Z (about 4 years ago)
Last Synced: 2025-08-04T14:14:01.691Z (9 months ago)
Topics: bootstrap, bootstrap5, cards, comparison, icons, pricing, rating, responsive, responsive-design, table
Language: JavaScript
Homepage: https://mdbootstrap.com/docs/standard/extended/bootstrap-comparison-table/
Size: 950 KB
Stars: 0
Watchers: 4
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: License.pdf

Awesome Lists containing this project

README

Comparison table built with Bootstrap 5. Various examples like comparison table on pricing page, comparison card and many more.

Check out [Bootstrap Comparison Table Documentation](https://mdbootstrap.com/docs/standard/extended/bootstrap-comparison-table/) for detailed instructions & even more examples.

## Basic example

![Bootstrap 5 Comparison Table](https://mdbootstrap.com/img/Marketing/github/comments/basic.png)

```html

PRO
Basic

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

```

## 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 Comparison on pricing:
![Bootstrap 5 Comparison Table](https://mdbootstrap.com/img/Marketing/github/comparison-table/pricing.png)](https://mdbootstrap.com/docs/standard/extended/bootstrap-comparison-table/#comparison-pricing)

[Bootstrap Extended comparison table:
![Bootstrap 5 Comparison Table](https://mdbootstrap.com/img/Marketing/github/comparison-table/extended.png)](https://mdbootstrap.com/docs/standard/extended/bootstrap-comparison-table/#comparison-table-extended)

[Bootstrap Advanced Comparison table on pricing:
![Bootstrap 5 Comparison Table](https://mdbootstrap.com/img/Marketing/github/comparison-table/advanced.png)](https://mdbootstrap.com/docs/standard/extended/bootstrap-comparison-table/#comparison-advanced-pricing)

[Bootstrap Comparison card with details:
![Bootstrap 5 Comparison Table](https://mdbootstrap.com/img/Marketing/github/comparison-table/details.png)](https://mdbootstrap.com/docs/standard/extended/bootstrap-comparison-table/#comparison-card)

___

## More extended Bootstrap documentation