diff options
| author | Thomas Park <thomas@thomaspark.me> | 2014-03-08 11:17:20 -0500 |
|---|---|---|
| committer | Thomas Park <thomas@thomaspark.me> | 2014-03-08 11:17:20 -0500 |
| commit | e8d5444e00d71cf9836ad61858e667a222def19f (patch) | |
| tree | 3834c15ee18caebef11c51ea3173c0c38fe8038b /superhero/index.html | |
| parent | 642c7ed19523f36a6303f43dc7bc1653b150178e (diff) | |
add dialog components to previews
Diffstat (limited to 'superhero/index.html')
| -rw-r--r-- | superhero/index.html | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/superhero/index.html b/superhero/index.html index 1008426e..9edb0bce 100644 --- a/superhero/index.html +++ b/superhero/index.html @@ -1187,6 +1187,66 @@ </div> </div> + <!-- Dialogs + ================================================== --> + <div class="bs-docs-section"> + + <div class="row"> + <div class="col-lg-12"> + <div class="page-header"> + <h1 id="tables">Dialogs</h1> + </div> + </div> + </div> + <div class="row"> + <div class="col-lg-6"> + <h2>Modals</h2> + <div class="bs-component"> + <div class="modal"> + <div class="modal-dialog"> + <div class="modal-content"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> + <h4 class="modal-title">Modal title</h4> + </div> + <div class="modal-body"> + <p>One fine body…</p> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> + <button type="button" class="btn btn-primary">Save changes</button> + </div> + </div> + </div> + </div> + </div> + </div> + <div class="col-lg-6"> + <h2>Popovers</h2> + <div class="bs-component"> + <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Left</button> + + <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Top</button> + + <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus + sagittis lacus vel augue laoreet rutrum faucibus.">Bottom</button> + + <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Right</button> + </div> + <h2>Tooltips</h2> + <div class="bs-component"> + <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="" data-original-title="Tooltip on left">Left</button> + + <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip on top">Top</button> + + <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Tooltip on bottom">Bottom</button> + + <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="" data-original-title="Tooltip on right">Right</button> + </div> + </div> + </div> + </div> + <div id="source-modal" class="modal fade"> <div class="modal-dialog modal-lg"> <div class="modal-content"> |