0
0
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:
Mark Otto 2011-10-31 16:32:13 -07:00
parent 3f512adf95
commit ba597ef845

View File

@ -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>