Skip to content

Instantly share code, notes, and snippets.

@wayneqs
Created July 26, 2019 21:50
Show Gist options
  • Save wayneqs/4836e3a82ace2696df593fb716b88330 to your computer and use it in GitHub Desktop.
Save wayneqs/4836e3a82ace2696df593fb716b88330 to your computer and use it in GitHub Desktop.
Card with Embedded Table and Action Button
<div class="card">
<div class="card-header">
<div class="d-flex justify-content-between align-items-center">
<div class="">Featured</div>
<div><button type="button" class="btn btn-primary btn-sm">ADD TITLE</button></div>
</div>
</div>
<div class="">
<table class="table">
<thead class="thead-light">
<tr>
<th scope="col">#</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
</tbody>
</table>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment