title: Custom classes for v-b-tooltip
body: <p>I want to create different versions of bootstrap tooltips, green red etc.
  So from what I am reading on the <a href="https://bootstrap-vue.js.org/docs/components/tooltip/" rel="nofollow noreferrer">https://bootstrap-vue.js.org/docs/components/tooltip/</a> I need to define a container element and then style accordingly, </p>
  
  <p>I have tried :container="tooltip-container" and :container="'tooltip-container'" but none works, I am tracing the dom and my tooltip has no parent div with id tooltip-container.</p>
  
  <pre><code>&lt;template&gt;
    &lt;span&gt;
      &lt;span id="tooltip-container" class="tooltip-green"&gt;
      &lt;/span&gt;
      &lt;i v-b-tooltip
       class="btr bt-info-circle text-secondary"
       triggers="hover click"
       :title="text"
       :container="'tooltip-container'"&gt;&lt;/i&gt;
    &lt;/span&gt;
  &lt;/template&gt;
  </code></pre>