Style – Tables
Default styles
For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
<table> … </table>
Optional classes
Add any of the following classes to the .table base class.
.table-striped
Adds zebra-striping to any table row within the <tbody> via the :nth-child CSS selector (not available in IE7-IE8).
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
<table> … </table>
.table-bordered
Add borders and rounded corners to the table.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| Mark | Otto | @TwBootstrap | |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
<table> … </table>
.table-hover
Enable a hover state on table rows within a <tbody>.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
<table> … </table>
.table-condensed
Makes tables more compact by cutting cell padding in half.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
<table> … </table>
Optional row classes
Use contextual classes to color table rows.
| Class | Description |
|---|---|
.success |
Indicates a successful or positive action. |
.error |
Indicates a dangerous or potentially negative action. |
.warning |
Indicates a warning that might need attention. |
.info |
Used as an alternative to the default styles. |
| # | Product | Payment Taken | Status |
|---|---|---|---|
| 1 | TB – Monthly | 01/04/2012 | Approved |
| 2 | TB – Monthly | 02/04/2012 | Declined |
| 3 | TB – Monthly | 03/04/2012 | Pending |
| 4 | TB – Monthly | 04/04/2012 | Call in to confirm |
...
<tr class="success">
<td>1</td>
<td>TB - Monthly</td>
<td>01/04/2012</td>
<td>Approved</td>
</tr>
...
Supported table markup
List of supported table HTML elements and how they should be used.
| Tag | Description |
|---|---|
<table> |
Wrapping element for displaying data in a tabular format |
<thead> |
Container element for table header rows (<tr>) to label table columns |
<tbody> |
Container element for table rows (<tr>) in the body of the table |
<tr> |
Container element for a set of table cells (<td> or <th>) that appears on a single row |
<td> |
Default table cell |
<th> |
Special table cell for column (or row, depending on scope and placement) labelsMust be used within a <thead> |
<caption> |
Description or summary of what the table holds, especially useful for screen readers |
<table>
<caption>...</caption>
<thead>
<tr>
<th>...</th>
<th>...</th>
</tr>
</thead>
<tbody>
<tr>
<td>...</td>
<td>...</td>
</tr>
</tbody>
</table>
buy viagra
WALCOME
cialis vs viagra
WALCOME
genuine viagra without a doctor prescription
WALCOME
where i can buy viagra without doctor
WALCOME
viagra online kaufen
WALCOME
viagra women
WALCOME
sildenafil viagra
WALCOME
viagra boys
WALCOME
alternatives to viagra
WALCOME
roman viagra
WALCOME
viagra danger myths
WALCOME
chewable viagra
WALCOME
order viagra pills online
WALCOME
viagra substitute
WALCOME
natural viagra
WALCOME
booze cruise sex games https://cybersexgames.net/
sildenafil revatio
WALCOME
online casino spain https://casinoonlinek.com/
tiger casino online https://onlinecasinoad.com/
teva sildenafil
WALCOME
admiral club casino online https://casinogamesmachines.com/
online casino like chumba https://conline-casinos-hub.com/
casino bet online https://onlinecasinos4me.com/
best online casino fast payout https://online2casino.com/
online casino deposit bonus https://casinoonlinet.com/
golden nugget online casino no deposit bonus codes https://casinosonlinex.com/
cost of viagra
WALCOME
keto egg roll in a bowl https://ketogenicdiets.net/
keto weight loss https://ketogendiet.net/
keto recipes https://ketogenicdietinfo.com/
best keto desserts https://ketogendiets.com/
writing analytical essays https://anenglishessay.com/
viagra usa
WALCOME
essay about writing https://topessayswriter.com/
writing experience essay https://yoursuperessay.com/
essays to write about https://howtowriteessaytips.com/
what to write about in a college essay https://checkyouressay.com/
oregon dating gay https://gayprideusa.com/
gay adult dating sims https://gayfade.com/
critical thinking and problem solving https://criticalthinkingbasics.com/
critical thinking elements https://criticalthinkinginstitute.com/
how to build critical thinking skills https://criticalthinking2020.net/
critical thinking problem https://uncriticalthinking.com/
how many words should an essay be https://choosevpn.net/
reword essay https://topvpndeals.net/
school essay https://tjvpn.net/
essay steps https://thebestvpnpro.com/
how to write a quote in an essay https://vpn4home.com/
how to write a book title in an essay https://vpnshroud.com/
american dream essay https://vpnsrank.com/
essay hook generator https://vpn4torrents.com/
how to start a narrative essay https://windowsvpns.com/