Narwhals Playing Mahjong

    bootstrap-comparison-table

    1.0.0 • Public • Published

    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>

    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

    More examples

    Bootstrap Comparison on pricing: Bootstrap 5 Comparison Table

    Bootstrap Extended comparison table: Bootstrap 5 Comparison Table

    Bootstrap Advanced Comparison table on pricing: Bootstrap 5 Comparison Table

    Bootstrap Comparison card with details: Bootstrap 5 Comparison Table


    More extended Bootstrap documentation

    Install

    npm i bootstrap-comparison-table

    DownloadsWeekly Downloads

    0

    Version

    1.0.0

    License

    ISC

    Unpacked Size

    6.07 MB

    Total Files

    357

    Last publish

    Collaborators

    • mdbootstrap