How to use complex HTML with Twitter Bootstrap’s Tooltip?

To use complex HTML with Twitter Bootstrap’s Tooltip, we set the data-html attribute to true.

For instance, we write

<span
  rel="tooltip"
  data-toggle="tooltip"
  data-html="true"
  data-title="<table><tr><td style='color:red;'>complex</td><td>HTML</td></tr></table>"
>
  hover over me
</span>

to set the data-html attribute to true to let us add HTML as the tooltip’s content.

And we set the data-title attribute to the tooltip content.