diff options
| author | Mark Otto <[email protected]> | 2011-10-31 16:32:13 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2011-10-31 16:32:13 -0700 |
| commit | ba597ef8458de4593b7a0269b0dd794f9ca89818 (patch) | |
| tree | e0795fa6ee2db521fdd4f75e1258a293610281d0 /docs | |
| parent | 3f512adf953da3a3fbbfca18b138fb6659f2b77f (diff) | |
| download | bootstrap-ba597ef8458de4593b7a0269b0dd794f9ca89818.tar.xz bootstrap-ba597ef8458de4593b7a0269b0dd794f9ca89818.zip | |
updating table documentation, jumping to dev to bring over new table styles from there
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/base-css.html | 45 |
1 files changed, 43 insertions, 2 deletions
diff --git a/docs/base-css.html b/docs/base-css.html index 750bbd2b3..2872fbb99 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -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> |