diff options
| -rw-r--r-- | amelia/index.html | 60 | ||||
| -rw-r--r-- | assets/css/bootswatch.min.css | 2 | ||||
| -rw-r--r-- | assets/js/bootswatch.js | 3 | ||||
| -rw-r--r-- | assets/less/bootswatch.less | 21 | ||||
| -rw-r--r-- | cerulean/index.html | 60 | ||||
| -rw-r--r-- | cosmo/index.html | 60 | ||||
| -rw-r--r-- | custom/index.html | 60 | ||||
| -rw-r--r-- | cyborg/index.html | 60 | ||||
| -rw-r--r-- | default/index.html | 60 | ||||
| -rw-r--r-- | flatly/index.html | 60 | ||||
| -rw-r--r-- | journal/index.html | 60 | ||||
| -rw-r--r-- | lumen/index.html | 60 | ||||
| -rw-r--r-- | readable/index.html | 60 | ||||
| -rw-r--r-- | shamrock/index.html | 60 | ||||
| -rw-r--r-- | simplex/index.html | 60 | ||||
| -rw-r--r-- | slate/index.html | 60 | ||||
| -rw-r--r-- | spacelab/index.html | 60 | ||||
| -rw-r--r-- | superhero/index.html | 60 | ||||
| -rw-r--r-- | united/index.html | 60 | ||||
| -rw-r--r-- | yeti/index.html | 60 |
20 files changed, 1045 insertions, 1 deletions
diff --git a/amelia/index.html b/amelia/index.html index 78b3aa51..0c78bab1 100644 --- a/amelia/index.html +++ b/amelia/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"> diff --git a/assets/css/bootswatch.min.css b/assets/css/bootswatch.min.css index 330ce3b9..6dc94252 100644 --- a/assets/css/bootswatch.min.css +++ b/assets/css/bootswatch.min.css @@ -1 +1 @@ -body{padding-top:50px}#banner{border-bottom:none}.page-header h1{font-size:4em}.bs-docs-section{margin-top:8em}.bs-component{position:relative}#source-button{position:absolute;top:0;right:0;z-index:100;font-weight:bold}.progress{margin-bottom:10px}footer{margin:5em 0}footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}footer p{clear:left;margin-bottom:0}.splash{padding:4em 0 2em;background-color:#1c2533;background:-webkit-linear-gradient(70deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background:-o-linear-gradient(70deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background:-ms-linear-gradient(70deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background:-moz-linear-gradient(70deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background:linear-gradient(20deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background-attachment:fixed;color:#fff;text-align:center}.splash h1{font-size:4em}.splash #social{margin:2em 0}.splash .alert{margin:2em 0}.splash .bsa{max-width:350px;margin:0 auto;background:none}.splash .bsa .one .bsa_it_ad{border:1px solid #3e4653 !important;border-color:rgba(255,255,255,0.2) !important}.splash .bsa a{color:#fff}.section-tout{padding:4em 0 3em;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(0,0,0,0.1);background-color:#eaf1f1}.section-tout .fa{margin-right:.5em}.section-tout p{margin-bottom:3em}.section-preview{padding:4em 0 4em}.section-preview .preview{margin-bottom:4em;background-color:#eaf1f1;border:1px solid rgba(0,0,0,0.1);border-radius:6px}.section-preview .preview .image{padding:5px}.section-preview .preview .image img{border:1px solid rgba(0,0,0,0.1)}.section-preview .preview .options{text-align:center;padding:0 2em 2em}.section-preview .preview .options p{margin-bottom:2em}.section-preview .dropdown-menu{text-align:left}.section-preview .lead{margin-bottom:2em}@media (max-width:767px){.section-preview .image img{width:100%}}.sponsor img{border:1px solid rgba(0,0,0,0.1);border-radius:4px}.sponsor a:hover{text-decoration:none}.bsa{padding:0}.bsa .one .bsa_it_ad{border:none !important;background-color:transparent !important}.bsa .one .bsa_it_ad .bsa_it_t,.bsa .one .bsa_it_ad .bsa_it_d{color:inherit !important}.bsa .one .bsa_it_ad .bsa_it_i{margin-bottom:0 !important}.bsa .one .bsa_it_p{display:none}
\ No newline at end of file +body{padding-top:50px}#banner{border-bottom:none}.page-header h1{font-size:4em}.bs-docs-section{margin-top:8em}.bs-component{position:relative}.bs-component .modal{position:relative;top:auto;right:auto;left:auto;bottom:auto;z-index:1;display:block}.bs-component .modal-dialog{width:90%}.bs-component .popover{position:relative;display:inline-block;width:220px;margin:20px}#source-button{position:absolute;top:0;right:0;z-index:100;font-weight:bold}.progress{margin-bottom:10px}footer{margin:5em 0}footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}footer p{clear:left;margin-bottom:0}.splash{padding:4em 0 2em;background-color:#1c2533;background:-webkit-linear-gradient(70deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background:-o-linear-gradient(70deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background:-ms-linear-gradient(70deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background:-moz-linear-gradient(70deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background:linear-gradient(20deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background-attachment:fixed;color:#fff;text-align:center}.splash h1{font-size:4em}.splash #social{margin:2em 0}.splash .alert{margin:2em 0}.splash .bsa{max-width:350px;margin:0 auto;background:none}.splash .bsa .one .bsa_it_ad{border:1px solid #3e4653 !important;border-color:rgba(255,255,255,0.2) !important}.splash .bsa a{color:#fff}.section-tout{padding:4em 0 3em;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(0,0,0,0.1);background-color:#eaf1f1}.section-tout .fa{margin-right:.5em}.section-tout p{margin-bottom:3em}.section-preview{padding:4em 0 4em}.section-preview .preview{margin-bottom:4em;background-color:#eaf1f1;border:1px solid rgba(0,0,0,0.1);border-radius:6px}.section-preview .preview .image{padding:5px}.section-preview .preview .image img{border:1px solid rgba(0,0,0,0.1)}.section-preview .preview .options{text-align:center;padding:0 2em 2em}.section-preview .preview .options p{margin-bottom:2em}.section-preview .dropdown-menu{text-align:left}.section-preview .lead{margin-bottom:2em}@media (max-width:767px){.section-preview .image img{width:100%}}.sponsor img{border:1px solid rgba(0,0,0,0.1);border-radius:4px}.sponsor a:hover{text-decoration:none}.bsa{padding:0}.bsa .one .bsa_it_ad{border:none !important;background-color:transparent !important}.bsa .one .bsa_it_ad .bsa_it_t,.bsa .one .bsa_it_ad .bsa_it_d{color:inherit !important}.bsa .one .bsa_it_ad .bsa_it_i{margin-bottom:0 !important}.bsa .one .bsa_it_p{display:none}
\ No newline at end of file diff --git a/assets/js/bootswatch.js b/assets/js/bootswatch.js index 2f80654b..93f1d4ef 100644 --- a/assets/js/bootswatch.js +++ b/assets/js/bootswatch.js @@ -7,6 +7,9 @@ $("#source-modal").modal(); }); + $('.bs-component [data-toggle="popover"]').popover(); + $('.bs-component [data-toggle="tooltip"]').tooltip(); + $(".bs-component").hover(function(){ $(this).append($button); $button.show(); diff --git a/assets/less/bootswatch.less b/assets/less/bootswatch.less index fca8012a..e48ab603 100644 --- a/assets/less/bootswatch.less +++ b/assets/less/bootswatch.less @@ -19,6 +19,27 @@ body { .bs-component { position: relative; + + .modal { + position: relative; + top: auto; + right: auto; + left: auto; + bottom: auto; + z-index: 1; + display: block; + + &-dialog { + width: 90%; + } + } + + .popover { + position: relative; + display: inline-block; + width: 220px; + margin: 20px; + } } #source-button { diff --git a/cerulean/index.html b/cerulean/index.html index e2666e02..3224ec28 100644 --- a/cerulean/index.html +++ b/cerulean/index.html @@ -1186,6 +1186,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"> diff --git a/cosmo/index.html b/cosmo/index.html index c4521084..b1a97803 100644 --- a/cosmo/index.html +++ b/cosmo/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"> diff --git a/custom/index.html b/custom/index.html index 7ed39043..3817d58a 100644 --- a/custom/index.html +++ b/custom/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"> diff --git a/cyborg/index.html b/cyborg/index.html index 3f3a8d7f..40d9a4ee 100644 --- a/cyborg/index.html +++ b/cyborg/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"> diff --git a/default/index.html b/default/index.html index e0135b11..c1e73863 100644 --- a/default/index.html +++ b/default/index.html @@ -1184,6 +1184,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"> diff --git a/flatly/index.html b/flatly/index.html index 7074d735..3fa94a29 100644 --- a/flatly/index.html +++ b/flatly/index.html @@ -1186,6 +1186,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"> diff --git a/journal/index.html b/journal/index.html index 1002a5d0..5253148f 100644 --- a/journal/index.html +++ b/journal/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"> diff --git a/lumen/index.html b/lumen/index.html index 33299770..3fb49546 100644 --- a/lumen/index.html +++ b/lumen/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"> diff --git a/readable/index.html b/readable/index.html index 31f0207c..b7ca83a7 100644 --- a/readable/index.html +++ b/readable/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"> diff --git a/shamrock/index.html b/shamrock/index.html index ff2fcaa4..9b434a3e 100644 --- a/shamrock/index.html +++ b/shamrock/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"> diff --git a/simplex/index.html b/simplex/index.html index b61fcbde..e775f7f7 100644 --- a/simplex/index.html +++ b/simplex/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"> diff --git a/slate/index.html b/slate/index.html index d888e053..483b4344 100644 --- a/slate/index.html +++ b/slate/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"> diff --git a/spacelab/index.html b/spacelab/index.html index 4ce8ffa6..1c1fb7f4 100644 --- a/spacelab/index.html +++ b/spacelab/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"> 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"> diff --git a/united/index.html b/united/index.html index 538a4b1c..7d71df12 100644 --- a/united/index.html +++ b/united/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"> diff --git a/yeti/index.html b/yeti/index.html index 6ef77611..ae8073f1 100644 --- a/yeti/index.html +++ b/yeti/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"> |