Bootstrap tables


tables


examples/bootstrap/tables.html
<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="utf-8">
  <meta name="viewport"
     content="width=device-width, initial-scale=1, user-scalable=yes">
  <link href="css/bootstrap.min.css" rel="stylesheet" />
  <title>Tables</title>
  </head>
  <body>
    <div class="container-fluid">

      <div class="row">
        <div class="col-xs-1"></div>
        <div class="col-xs-10">
        <table>
           <thead>
              <tr><th>Name</th><th>Years</th></tr>
           </thead>
           <tbody>
              <tr><td>Thomas Edison</td><td>1847-1931</td></tr>
              <tr><td>Benjamin Franklin</td><td>1706-1790</td></tr>
              <tr><td>Alexander Graham Bell</td><td>1847-1922</td></tr>
              <tr><td>Nikola Tesla</td><td>1856-1943</td></tr>
              <tr><td>George Washington Carver</td><td>-1943</td></tr>
              <tr><td>Leonardo da Vinci</td><td>1452-1519</td></tr>
           </tbody>
        </table>
        </div>
        <div class="col-xs-1"></div>
      </div>

      <hr>

      <div class="row">
        <div class="col-xs-1"></div>
        <div class="col-xs-10">
          <table>
             <tr><td>class="table"</td></tr>
             <tr><td>class="table table-striped"</td></tr>
             <tr><td>class="table table-hover"</td></tr>
          </table>
        </div>
        <div class="col-xs-1"></div>
      </div>

    </div>  
  </body>
</html>