is now part of Shuffle™.
You can use the editor on this domain, but we encourage you to try Shuffle →.
Shuffle™ includes templates for Bootstrap, Bulma, Material-UI, and Tailwind CSS.
is now part of Shuffle™.
You can use the editor on this domain, but we encourage you to try Shuffle →.
Shuffle™ includes templates for Bootstrap, Bulma, Material-UI, and Tailwind CSS.
<table class="table table-bordered">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
</tr>
</tbody>
</table>| # | First Name | Last Name |
|---|---|---|
| 1 | Mark | Otto |
| 2 | Jacob | Thornton |
You don't need to remember all these classes. Just use a bootstrap builder instead.
/* _print.scss:116 */
.table-bordered {
th,
td {
border: 1px solid $gray-300 !important;
}
}
/* _tables.scss:48 */
.table-bordered {
border: $table-border-width solid $table-border-color;
th,
td {
border: $table-border-width solid $table-border-color;
}
thead {
th,
td {
border-bottom-width: (2 * $table-border-width);
}
}
}Code copied to the clipboard.
Copying failed
/* _print.scss:116 */
$gray-300
/* _tables.scss:48 */
$table-border-width
$table-border-color
$table-border-width
$table-border-color
$table-border-width
Want to be the first to try?
Thanks! We'll be in touch.
Featured by
