<h2 id="example10" tabindex="0"></h2>
<p id="example10Title">
    The available placements are the same you are used to with Popper.js:
</p>

<div id="example10code">
{% highlight javascript %}
new Tooltip(referenceElement, {
    placement: 'top', // or bottom, left, right, and variations
    title: "Top"
});
{% endhighlight %}
</div>