This theme includes a flexible pricing table entirely based on Twitter Bootstrap components.

It features simple bare bone markup. You can combine it with any other Bootstrap component or Javascript plugins.

A common practice is to help your customers decide which plan to choose by highlighting one. We're including a dead simple way for you to do this and kick conversion through the roof!

Highlighting a column

You can make a column stand out by adding the highlighted class to each cell of the column.

<td class="highlighted">…</td>

<section id="pricing">
  <table class="table table-striped">
    <thead>
      <tr>
        <th></th>
        <th>Plan 1</th>
        <th class="highlighted">Plan 2</th>
      </tr>
    </thead>
    <tfoot>
      <tr>
        <td></td>
        <td><a href="…" class="btn btn-large">Sign Up</a></td>
        …
      </tr>
    </tfoot>
    <tbody>
      <tr>
        <th>
          <h4>Feature 1</h4>
          <p class="muted">Feature description.</p>
        </th>
        <td>0 MB</td>
        <td class="highlighted">10 MB</td>
      </tr>
      …
    </tbody>
  </table>
</section>