Line 112: | Line 112: | ||
</div> | </div> | ||
</header> | </header> | ||
+ | |||
+ | <div class="container"> | ||
+ | <h2>Basic Table</h2> | ||
+ | <p>The .table class adds basic styling (light padding and only horizontal dividers) to a table:</p> | ||
+ | <table class="table"> | ||
+ | <thead> | ||
+ | <tr> | ||
+ | <th>Firstname</th> | ||
+ | <th>Lastname</th> | ||
+ | <th>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> | ||
+ | </div> | ||
<!-- Contact Section --> | <!-- Contact Section --> |
Revision as of 17:51, 14 October 2018
Parts
Basic Table
The .table class adds basic styling (light padding and only horizontal dividers) to a table:
Firstname | Lastname | |
---|---|---|
John | Doe | john@example.com |
Mary | Moe | mary@example.com |
July | Dooley | july@example.com |
Contact EdiGEM18
Feel free to leave us a comment on social media!