mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-19 16:54:24 +01:00
updating table documentation, jumping to dev to bring over new table styles from there
This commit is contained in:
parent
3f512adf95
commit
ba597ef845
@ -227,15 +227,17 @@
|
||||
<h3>Example blockquotes</h3>
|
||||
<div class="row">
|
||||
<div class="span6">
|
||||
<p>Default blockquotes are styled as such:</p>
|
||||
<blockquote>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis.</p>
|
||||
<small>Someone famous</small>
|
||||
<small>Someone famous in <cite title="">Body of work</cite></small>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="span6">
|
||||
<p>To float your blockquote to the right, add <code>class="pull-right"</code>:</p>
|
||||
<blockquote class="pull-right">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis.</p>
|
||||
<small>Someone famous</small>
|
||||
<small>Someone famous in <cite title="">Body of work</cite></small>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
@ -514,6 +516,45 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>Table options</h2>
|
||||
<table class="striped-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Class</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Default</td>
|
||||
<td class="muted">None</td>
|
||||
<td>Only horizontal lines between rows</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Bordered</td>
|
||||
<td>
|
||||
<code>.bordered-table</code>
|
||||
</td>
|
||||
<td>Rounds corners and adds outter border</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Zebra-stripe</td>
|
||||
<td>
|
||||
<code>.striped-table</code>
|
||||
</td>
|
||||
<td>Adds light gray background color to odd rows (1, 3, 5, etc)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Condensed</td>
|
||||
<td>
|
||||
<code>.condensed-table</code>
|
||||
</td>
|
||||
<td>Cuts padding in half, from 10px to 5px, within all <code>td</code> and <code>th</code> elements</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<h2>Example tables</h2>
|
||||
<h3>1. Default table styles</h3>
|
||||
<p>All tables will be automatically styled with only the essential borders to ensure readability and maintain structure. No need to add extra classes or attributes.</p>
|
||||
|
Loading…
x
Reference in New Issue
Block a user