diff options
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"> |