causeway-standard-theme/causeway/docs/misc/tooltips.html

<section>
  <a id="tooltip"></a>
  <header class="content-header">
    <h1 class="title">
      Tooltips
    </h1>
  </header>

  <p>
    Tooltips comprise of several attributes that can be added to most elements, a class of <code>"has-tooltip"</code>, the <code>"data-toggle"</code> attribute which must contain <code>"tooltip"</code> and the <code>"data-title"</code> attribute that contains the text that should be visible in the tooltip.
  </p>

  <a href="#" class="has-tooltip" data-toggle="tooltip" data-title="This is a tooltip">
    This has a tooltip
  </a>

  <pre>
    <code>
      &lt;a href=&quot;#&quot; class=&quot;has-tooltip&quot; data-toggle=&quot;tooltip&quot; data-title=&quot;This is a tooltip&quot;&gt;
        This has a tooltip
      &lt;/a&gt;
    </code>
  </pre>

  <span class="has-tooltip" data-toggle="tooltip" data-title="Another tooltip">
    So does this
  </span>

  <pre>
    <code>
      &lt;span class=&quot;has-tooltip&quot; data-toggle=&quot;tooltip&quot; data-title=&quot;Another tooltip&quot;&gt;
        So does this
      &lt;/span&gt;
    </code>
  </pre>

</section>