I2P brand styleguides for the web
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
<div class="page-header mb-4" id="tables">
|
|
|
|
<h2>Tables</h2>
|
|
|
|
</div>
|
|
|
|
<div class="row bg-light p-5">
|
|
|
|
<span>Default</span>
|
|
|
|
<br />
|
|
|
|
<table class="table">
|
|
|
|
<thead>
|
|
|
|
<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>
|
|
|
|
<tr>
|
|
|
|
<th scope="row">2</th>
|
|
|
|
<td>Jacob</td>
|
|
|
|
<td>Thornton</td>
|
|
|
|
<td>@fat</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<th scope="row">3</th>
|
|
|
|
<td>Larry</td>
|
|
|
|
<td>the Bird</td>
|
|
|
|
<td>@twitter</td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
<span>Striped</span>
|
|
|
|
<br />
|
|
|
|
<table class="table table-striped">
|
|
|
|
<thead>
|
|
|
|
<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>
|
|
|
|
<tr>
|
|
|
|
<th scope="row">2</th>
|
|
|
|
<td>Jacob</td>
|
|
|
|
<td>Thornton</td>
|
|
|
|
<td>@fat</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<th scope="row">3</th>
|
|
|
|
<td>Larry</td>
|
|
|
|
<td>the Bird</td>
|
|
|
|
<td>@twitter</td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|