diff options
| author | Mark Otto <[email protected]> | 2013-10-13 18:49:13 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-10-13 18:49:13 -0700 |
| commit | fd293be5a17aa71128beb1a2152f8eb05107e21c (patch) | |
| tree | 6eed445c7be21fc07fd115a73b535d6d82fc449b /javascript.html | |
| parent | c31ec22661256d59328c7d87eb324bba433f220b (diff) | |
| download | bootstrap-fd293be5a17aa71128beb1a2152f8eb05107e21c.tar.xz bootstrap-fd293be5a17aa71128beb1a2152f8eb05107e21c.zip | |
mention tooltip markup in docs per #10102
Diffstat (limited to 'javascript.html')
| -rw-r--r-- | javascript.html | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/javascript.html b/javascript.html index e0723989e..4fed27e48 100644 --- a/javascript.html +++ b/javascript.html @@ -847,11 +847,23 @@ $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { </div> <h2 id="tooltips-usage">Usage</h2> + <p>The tooltip plugin generates content and markup on demand, and by default places tooltips after their trigger element.</p> <p>Trigger the tooltip via JavaScript:</p> {% highlight js %} $('#example').tooltip(options) {% endhighlight %} + <h3>Markup</h3> + <p>The generated markup of a tooltip is rather simple, though it does require a position (by default, set to <code>top</code> by the plugin).</p> +{% highlight html linenos %} +<div class="tooltip"> + <div class="tooltip-inner"> + Tooltip! + </div> + <div class="tooltip-arrow"></div> +</div> +{% endhighlight %} + <h3>Options</h3> <p>Options can be passed via data attributes or JavaScript. For data attributes, append the option name to <code>data-</code>, as in <code>data-animation=""</code>.</p> <div class="table-responsive"> |