diff options
| author | Mark Otto <[email protected]> | 2011-07-01 23:10:39 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2011-07-01 23:10:39 -0700 |
| commit | 3117fc979db9f678fa1782c6a9d0d1428b4894f8 (patch) | |
| tree | 5abf841ea7a27c1db49997d3fa8a1c4e291ca901 /docs | |
| parent | 5992b4e0af8b65ecbd429ccb4c6809aaa50edbd9 (diff) | |
| download | bootstrap-3117fc979db9f678fa1782c6a9d0d1428b4894f8.tar.xz bootstrap-3117fc979db9f678fa1782c6a9d0d1428b4894f8.zip | |
getting popovers in
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/assets/css/docs.css | 17 | ||||
| -rw-r--r-- | docs/index.html | 56 |
2 files changed, 70 insertions, 3 deletions
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 4a93d754b..93c4f5b32 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -224,4 +224,21 @@ div.topbar-wrapper div.topbar { padding-right: 20px; -moz-border-radius: 4px; border-radius: 4px; +} + +/* Popover docs +-------------------------------------------------- */ +div.popover-well { + min-height: 160px; +} +div.popover-well div.popover { + display: block; +} +div.popover-well div.popover-wrapper { + width: 50%; + height: 160px; + float: left; +} +div.popover-well div.popover-menu-wrapper { + height: 80px; }
\ No newline at end of file diff --git a/docs/index.html b/docs/index.html index ef5c7372a..e5bb776e4 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1062,7 +1062,7 @@ </div> <div class="row"> <div class="span4 columns"> - <h2>Example modal</h2> + <h2>Modals</h2> <p>Modals—dialogs or lightboxes—are great for contextual actions in situations where it's important that the background context be maintained.</p> </div> <div class="span12 columns"> @@ -1081,7 +1081,7 @@ </div> </div> </div> - </div> + </div> <!-- /row --> <div class="row"> <div class="span4 columns"> <h2>Tool Tips</h2> @@ -1113,7 +1113,57 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita </div> </div> </div> - </div> + </div> <!-- /row --> + + <div class="row"> + <div class="span4 columns"> + <h2>Popovers</h2> + </div> + <div class="span12 columns"> + <div class="well popover-well"> + + <div class="popover-wrapper"> + <div class="popover above"> + <div class="popover-border"> + <h3 class="popover-title">Popover title</h3> + <div class="popover-inner"> + <p>Etiam porta sem malesuada magna mollis euismod. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> + </div> + </div> + </div> + </div> + + <div class="popover-wrapper"> + <div class="popover bottom popover2"> + <div class="arrow"></div> + <div class="inner"> + <h3 class="title">Popover title</h3> + <div class="content"> + <p>Etiam porta sem malesuada magna mollis euismod. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> + </div> + </div> + </div> + </div> + + </div> + <div class="well popover-well popover-menu-well"> + <div class="popover-wrapper"> + <div class="popover popover-menu"> + <div class="popover-border"> + <div class="popover-inner"> + <a href="">View</a> + <a href="">Edit</a> + <a href="">Delete</a> + </div> + </div> + <div class="popover-arrow"></div> + </div> + </div> + </div> + </div> + </div> <!-- /row --> + + </section> |