Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <h1>This table uses <code>btn-group-justified</code></h1>
- <table class="table table-condensed">
- <thead>
- <tr>
- <th>
- [X]
- </th>
- <th>
- Number<i class="fa fa-sort-up pull-right"></i>
- </th>
- <th>
- <i class="fa fa-step-backward"></i>| <i class="fa fa-play"></i>| <i class="fa fa-step-forward"></i>
- </th>
- <th class="nowrap text-center">Size (m<sup>2</sup>)</th>
- <th class="text-center">Status</th>
- <th class="text-center">Price</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="text-left">
- </td>
- <td>A003</td>
- <td>
- <i class="fa fa-step-backward"></i>1<i class="fa fa-play with-left-margin"></i>1<i class="fa fa-step-forward with-left-margin"></i>1
- </td>
- <td class="text-small">
- <span>Int: 59.5 |
- Ext: 10.5 | Total: 70.0</span>
- </td>
- <td>
- <div>Reserved</div>
- </td>
- <td>$445,000<i class="fa fa-caret-down fa-fw pull-right"></i></td>
- </tr>
- <tr class="details collapse in">
- <td colspan="6">
- <div class="btn-group btn-group-justified">
- <a class="btn btn-success" href="#">First</a>
- <a class="btn btn-success" href="#">Second</a>
- </div>
- </td>
- </tr>
- </tbody>
- </table>
- <hr />
- <h1>Same table but no <code>btn-group-justified</code></h1>
- <table class="table table-condensed">
- <thead>
- <tr>
- <th>
- [X]
- </th>
- <th>
- Number<i class="fa fa-sort-up pull-right"></i>
- </th>
- <th>
- <i class="fa fa-step-backward"></i>| <i class="fa fa-play"></i>| <i class="fa fa-step-forward"></i>
- </th>
- <th class="nowrap text-center">Size (m<sup>2</sup>)</th>
- <th class="text-center">Status</th>
- <th class="text-center">Price</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="text-left">
- </td>
- <td>A003</td>
- <td>
- <i class="fa fa-step-backward"></i>1<i class="fa fa-play with-left-margin"></i>1<i class="fa fa-step-forward with-left-margin"></i>1
- </td>
- <td class="text-small">
- <span>Int: 59.5 |
- Ext: 10.5 | Total: 70.0</span>
- </td>
- <td>
- <div>Reserved</div>
- </td>
- <td>$445,000<i class="fa fa-caret-down fa-fw pull-right"></i></td>
- </tr>
- <tr class="details collapse in">
- <td colspan="6">
- <div class="btn-group">
- <a class="btn btn-success" href="#">First</a>
- <a class="btn btn-success" href="#">Second</a>
- </div>
- </td>
- </tr>
- </tbody>
- </table>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement