diff options
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/_includes/js/tooltips.html | 29 | ||||
| -rw-r--r-- | docs/assets/css/src/docs.css | 6 |
2 files changed, 35 insertions, 0 deletions
diff --git a/docs/_includes/js/tooltips.html b/docs/_includes/js/tooltips.html index 127e10155..2165dddc7 100644 --- a/docs/_includes/js/tooltips.html +++ b/docs/_includes/js/tooltips.html @@ -10,6 +10,35 @@ </p> </div><!-- /example --> + <h3>Static tooltip</h3> + <p>Four options are available: top, right, bottom, and left aligned.</p> + <div class="bs-example bs-example-tooltip"> + <div class="tooltip left" role="tooltip"> + <div class="tooltip-arrow"></div> + <div class="tooltip-inner"> + Tooltip on the left + </div> + </div> + <div class="tooltip top" role="tooltip"> + <div class="tooltip-arrow"></div> + <div class="tooltip-inner"> + Tooltip on the top + </div> + </div> + <div class="tooltip bottom" role="tooltip"> + <div class="tooltip-arrow"></div> + <div class="tooltip-inner"> + Tooltip on the bottom + </div> + </div> + <div class="tooltip right" role="tooltip"> + <div class="tooltip-arrow"></div> + <div class="tooltip-inner"> + Tooltip on the right + </div> + </div> + </div> + <h3>Four directions</h3> <div class="bs-example tooltip-demo"> <div class="bs-example-tooltips"> diff --git a/docs/assets/css/src/docs.css b/docs/assets/css/src/docs.css index 27467f30c..0e43d1f55 100644 --- a/docs/assets/css/src/docs.css +++ b/docs/assets/css/src/docs.css @@ -1102,6 +1102,12 @@ h1[id] { margin-top: 5px; margin-bottom: 5px; } +.bs-example-tooltip .tooltip { + position: relative; + display: inline-block; + margin: 10px 20px; + opacity: 1; +} /* Popovers */ .bs-example-popover { |