boostrap tables

Subject:

references: http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-tables.php

2015-10-05 22:33:24gstlouis
  • <table class="table">

  • <table class="table table-striped">

  • <table class="table table-bordered">

  • <table class="table table-hover">

  • <table class="table table-condensed">

  • <table class="table">

  • <thead>

  • <tr>

  • <th>Row</th>

  • <th>Bill</th>

  • <th>Payment Date</th>

  • <th>Payment Status</th>

  • </tr>

  • </thead>

  • <tbody>

  • <tr class="active">

  • <td>1</td>

  • <td>Credit Card</td>

  • <td>04/07/2014</td>

  • <td>Call in to confirm</td>

  • </tr>

  • <tr class="success">

  • <td>2</td>

  • <td>Water</td>

  • <td>01/07/2014</td>

  • <td>Paid</td>

  • </tr>

  • <tr class="info">

  • <td>3</td>

  • <td>Internet</td>

  • <td>05/07/2014</td>

  • <td>Change plan</td>

  • </tr>

  • <tr class="warning">

  • <td>4</td>

  • <td>Electricity</td>

  • <td>03/07/2014</td>

  • <td>Pending</td>

  • </tr>

  • <tr class="danger">

  • <td>5</td>

  • <td>Telephone</td>

  • <td>06/07/2014</td>

  • <td>Due</td>

  • </tr>

  • </tbody>

  • </table>

gstlouis
vote
2015-10-05 22:36:14