The problem: some of the OP's tooltip content is not showing, specifically the <del>test</del>
section.
The reason: Bootstrap removes the <del>
tag when displaying the tooltip.
Here is the HTML requested to be displayed:
<div class='col-12'>
<div class='row'>
<div class='col-4'>test</div>
<div class='col-4'>
<del>test</del>
</div>
<div class='col-4'>test</div>
</div>
</div>
Here is what Bootstrap displays:
<div class="arrow"></div>
<div class="tooltip-inner">
<div class="col-12">
<div class="row">
<div class="col-4">test</div>
<div class="col-4"></div>
<div class="col-4">test</div>
</div>
</div>
</div>
Why is Bootstrap stripping out tags?
A review of Bootstrap's JavaScript code (tooltip.js & sanitizer.js) reveals that the code by default sanitizes the HTML in Tooltips, permitting only those HTML elements that are in a whitelist. Here is that default whitelist of permitted tags:
<a>
<area>
<b>
<br>
<col>
<code>
<div>
<em>
<hr>
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
<i>
<img>
<li>
<ol>
<p>
<pre>
<s>
<small>
<span>
<sub>
<strong>
<u>
<ul>
In addition, only these element attributes are whitelisted:
all tags: class, dir, id, lang, role, aria-*
<a> only: target, href, title, rel
<img> only: src, srcset, alt, title, width, height
Everything else gets stripped out, but the sanitizer can be disabled completely with the following JavaScript:
myElement.dataset.sanitize = false;
Bootstrap also documents a way to add values to the default whitelist.