diff options
| author | Mark Otto <[email protected]> | 2013-02-24 01:29:19 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-02-24 01:29:19 -0800 |
| commit | e1bb94c38370fd2542415557c660d0804d4f42b1 (patch) | |
| tree | bbb2fd7517115d16986ad8eb31bef0dfb112c616 /docs | |
| parent | c6343a9d4a3445ab04a71761fae1f484cc6b9ec3 (diff) | |
| download | bootstrap-e1bb94c38370fd2542415557c660d0804d4f42b1.tar.xz bootstrap-e1bb94c38370fd2542415557c660d0804d4f42b1.zip | |
try out new table-based type example
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/assets/css/docs.css | 25 | ||||
| -rw-r--r-- | docs/css.html | 36 |
2 files changed, 59 insertions, 2 deletions
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index e1caaceb7..50f3cb800 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -243,6 +243,31 @@ section > ul li { margin-bottom: 0; } +/* Typography */ +.bs-docs-example-type .table td { + color: #999; + vertical-align: middle; + border-color: ; +} +.bs-docs-example-type .table td, +.bs-docs-example-type .table th { + padding: 15px 0; + border-color: #eee; +} +.bs-docs-example-type .table tr:first-child td, +.bs-docs-example-type .table tr:first-child th { + border-top: 0; +} +.bs-docs-example-type h1, +.bs-docs-example-type h2, +.bs-docs-example-type h3, +.bs-docs-example-type h4, +.bs-docs-example-type h5, +.bs-docs-example-type h6 { + margin: 0; +} + + /* Navbar examples */ .bs-navbar-top-example, .bs-navbar-bottom-example { diff --git a/docs/css.html b/docs/css.html index 88c3b48a1..13d39adeb 100644 --- a/docs/css.html +++ b/docs/css.html @@ -90,7 +90,39 @@ title: CSS <!-- Headings --> <h2 id="headings">Headings</h2> <p>All HTML headings, <code><h1></code> through <code><h6></code> are available.</p> - <div class="bs-docs-example"> + + <div class="bs-docs-example bs-docs-example-type"> + <table class="table"> + <tbody> + <tr> + <th><h1>Bootstrap heading</h1></th> + <td>Semibold 38px</td> + </tr> + <tr> + <th><h2>Bootstrap heading</h2></th> + <td>Semibold 32px</td> + </tr> + <tr> + <th><h3>Bootstrap heading</h3></th> + <td>Semibold 24px</td> + </tr> + <tr> + <th><h4>Bootstrap heading</h4></th> + <td>Semibold 18px</td> + </tr> + <tr> + <th><h5>Bootstrap heading</h5></th> + <td>Semibold 16px</td> + </tr> + <tr> + <th><h6>Bootstrap heading</h6></th> + <td>Semibold 12px</td> + </tr> + </tbody> + </table> + </div> + +<!-- <div class="bs-docs-example"> <h1>h1. Heading 1</h1> <h2>h2. Heading 2</h2> <h3>h3. Heading 3</h3> @@ -98,7 +130,7 @@ title: CSS <h5>h5. Heading 5</h5> <h6>h6. Heading 6</h6> </div> - + --> <!-- Body copy --> <h2 id="body-copy">Body copy</h2> <p>Bootstrap's global default <code>font-size</code> is <strong>14px</strong>, with a <code>line-height</code> of <strong>20px</strong>. This is applied to the <code><body></code> and all paragraphs. In addition, <code><p></code> (paragraphs) receive a bottom margin of half their line-height (10px by default).</p> |