Bootstrap 4 snippet comparison pricing responsive table

Bootstrap 4 example snippet comparison pricing responsive table

by Donna Torr

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
<section class="pt-5 pb-5" style="">
        <div class="container">
          <div class="row">
            <div class="col">
              <table class="table-responsive table-borderless">
                <thead>
                  <tr>
                    <th scope="col"></th>
                    <th scope="col" class="bg-primary text-white p-2 p-lg-3 border">Starter Account</th>
                    <th scope="col" class="bg-primary text-white p-2 p-lg-3 border">Business Account</th>
                    <th scope="col" class="bg-primary text-white p-2 p-lg-3 border">Developer Account</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <th scope="row" style="min-width:225px;" class="pr-lg-3">Account features</th>
                    <td class="bg-white p-2 p-lg-3 border">Praesent mollis, massa in auctor molestie </td>
                    <td class="bg-white p-2 p-lg-3 border">Praesent mollis, massa in auctor molestie </td>
                    <td class="bg-white p-2 p-lg-3 border">Praesent mollis, massa in auctor molestie </td>
                  </tr>
                  <tr>
                    <th scope="row" style="min-width:225px;" class="pr-lg-3">Feature goes here</th>
                    <td class="bg-white p-2 p-lg-3 border">Praesent mollis, massa in auctor molestie.</td>
                    <td class="bg-white p-2 p-lg-3 border">Praesent mollis, massa in auctor molestie </td>
                    <td class="bg-white p-2 p-lg-3 border">Praesent...

CSS

/* Get more snippets https://bootstraptor.com/snippets */