

	<!--
	<div class="table-responsive">
	  <table class="table">
	    ...
	  </table>
	</div>
	-->

  <h1>Basic Table</h1>
  <table   >
    <thead>
      <tr>
         <th scope="col">Firstname</th>
         <th scope="col">Lastname</th>
         <th scope="col">Email</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>john@example.com</td>
      </tr>
      <tr>
        <td>Mary</td>
        <td>Moe</td>
        <td>mary@example.com</td>
      </tr>
      <tr>
        <td>July</td>
        <td>Dooley</td>
        <td>july@example.com</td>
      </tr>
    </tbody>
  </table>








<!-- ######################################### -->

<!-- ### Striped Rows -->
	<table class="table table-striped">

<!-- ### Striped Columns -->
	<table class="table table-striped-columns">    

<!-- ### Bordered Table -->
	<table class="table table-bordered border-primary">

<!-- ### Hover Rows -->
	<table class="table table-hover">

<!-- ### Small Table (compacter) -->
	<table class="table table-sm">

<!-- ### Contextual classes -->
<!-- On rows ('tr') -->
<!-- On cells (`td` or `th`)  table-primary  table-active table-danger .... -->

<!-- ### Responsive tables (scroll bar horizontaal) -->
  <div class="table-responsive">
  	<table class="table... ">

  	</table>
  </div>
-->
