Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Feb 6th, 2014  |  syntax: HTML 5  |  size: 3.16 KB  |  views: 48  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <h1>This table uses <code>btn-group-justified</code></h1>
  2.  
  3. <table class="table table-condensed">
  4.     <thead>
  5.         <tr>
  6.             <th>
  7.                 [X]
  8.              </th>
  9.               <th>
  10.                   Number<i class="fa fa-sort-up pull-right"></i>
  11.             </th>
  12.             <th>
  13.                 <i class="fa fa-step-backward"></i>| <i class="fa fa-play"></i>| <i class="fa fa-step-forward"></i>
  14.             </th>
  15.             <th class="nowrap text-center">Size (m<sup>2</sup>)</th>
  16.             <th class="text-center">Status</th>
  17.             <th class="text-center">Price</th>
  18.         </tr>
  19.     </thead>
  20.  
  21.  
  22.     <tbody>
  23.         <tr>
  24.             <td class="text-left">
  25.             </td>
  26.             <td>A003</td>
  27.             <td>
  28.                 <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
  29.             </td>
  30.             <td class="text-small">
  31.                 <span>Int:&nbsp;59.5 |  
  32.       Ext:&nbsp;10.5 |       Total:&nbsp;70.0</span>
  33.             </td>
  34.             <td>
  35.                 <div>Reserved</div>
  36.             </td>
  37.             <td>$445,000<i class="fa fa-caret-down fa-fw pull-right"></i></td>
  38.         </tr>
  39.        
  40.         <tr class="details collapse in">
  41.             <td colspan="6">
  42.                 <div class="btn-group btn-group-justified">
  43.                     <a class="btn btn-success" href="#">First</a>
  44.                     <a class="btn btn-success" href="#">Second</a>
  45.                 </div>
  46.             </td>
  47.         </tr>
  48.     </tbody>
  49. </table>
  50.  
  51.  
  52. <hr />
  53.  
  54.  
  55. <h1>Same table but no <code>btn-group-justified</code></h1>
  56.  
  57. <table class="table table-condensed">
  58.     <thead>
  59.         <tr>
  60.             <th>
  61.                 [X]
  62.              </th>
  63.               <th>
  64.                   Number<i class="fa fa-sort-up pull-right"></i>
  65.             </th>
  66.             <th>
  67.                 <i class="fa fa-step-backward"></i>| <i class="fa fa-play"></i>| <i class="fa fa-step-forward"></i>
  68.             </th>
  69.             <th class="nowrap text-center">Size (m<sup>2</sup>)</th>
  70.             <th class="text-center">Status</th>
  71.             <th class="text-center">Price</th>
  72.         </tr>
  73.     </thead>
  74.  
  75.  
  76.     <tbody>
  77.         <tr>
  78.             <td class="text-left">
  79.             </td>
  80.             <td>A003</td>
  81.             <td>
  82.                 <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
  83.             </td>
  84.             <td class="text-small">
  85.                 <span>Int:&nbsp;59.5 |  
  86.       Ext:&nbsp;10.5 |       Total:&nbsp;70.0</span>
  87.             </td>
  88.             <td>
  89.                 <div>Reserved</div>
  90.             </td>
  91.             <td>$445,000<i class="fa fa-caret-down fa-fw pull-right"></i></td>
  92.         </tr>
  93.        
  94.         <tr class="details collapse in">
  95.             <td colspan="6">
  96.                 <div class="btn-group">
  97.                     <a class="btn btn-success" href="#">First</a>
  98.                     <a class="btn btn-success" href="#">Second</a>
  99.                 </div>
  100.             </td>
  101.         </tr>
  102.     </tbody>
  103. </table>
clone this paste RAW Paste Data