bootstrap-comparison-table Code

Comparison table built with Bootstrap 5. Various examples like compari

Brought to you by: filipkapusta98

Tree [50705f] main 1.0.0 /

History

HTTPS access

File	Date	Author	Commit
css	2022-01-26	Mateusz Leciejewski	[00ed70] Update
img	2022-01-26	Mateusz Leciejewski	[00ed70] Update
js	2022-01-26	Mateusz Leciejewski	[00ed70] Update
src	2022-01-26	Mateusz Leciejewski	[00ed70] Update
.DS_Store	2022-01-26	Adam Jakubowski	[50705f] Update
License.pdf	2022-01-26	Mateusz Leciejewski	[00ed70] Update
README.md	2022-01-26	Mateusz	[9e467d] Update README.md
advanced.html	2022-01-26	Mateusz Leciejewski	[00ed70] Update
basic.html	2022-01-26	Mateusz Leciejewski	[00ed70] Update
details.html	2022-01-26	Mateusz Leciejewski	[00ed70] Update
extended.html	2022-01-26	Mateusz Leciejewski	[00ed70] Update
package.json	2022-01-26	Adam Jakubowski	[50705f] Update
pricing.html	2022-01-26	Mateusz Leciejewski	[00ed70] Update

Read Me

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 for detailed instructions & even more examples.

Basic example

Bootstrap 5 Comparison Table

<div class="table-responsive">
  <table class="table table-striped fa-check text-successtable-border border-light">
    <thead class="border-light">
      <tr>
        <th scope="col"></th>
        <th scope="col"><strong>PRO</strong></th>
        <th scope="col"><strong>Basic</strong></th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th scope="row">Lorem Ipsum</th>
        <td><i class="fas fa-check text-success"></i></td>
        <td><i class="fas fa-times text-danger"></i></td>
      </tr>
      <tr>
        <th scope="row">Lorem Ipsum</th>
        <td><i class="fas fa-check text-success"></i></td>
        <td><i class="fas fa-check text-success"></i></td>
      </tr>
      <tr>
        <th scope="row">Lorem Ipsum</th>
        <td><i class="fas fa-check text-success"></i></td>
        <td><i class="fas fa-times text-danger"></i></td>
      </tr>
      <tr>
        <th scope="row">Lorem Ipsum</th>
        <td><i class="fas fa-check text-success"></i></td>
        <td><i class="fas fa-check text-success"></i></td>
      </tr>
      <tr>
        <th scope="row">Lorem Ipsum</th>
        <td><i class="fas fa-check text-success"></i></td>
        <td><i class="fas fa-times text-danger"></i></td>
      </tr>
    </tbody>
  </table>
</div>