You'll need to specify a different template for each tooltip, as described in the documentation:
template - Base HTML to use when creating the tooltip.
That will let you add a custom CSS class to the tooltip, which you can target in your stylesheet.
If you set the template via the
data-
attributes, you will need to HTML-encode it.
Eg:
<i .. data-toggle="tooltip" data-template='<div class="tooltip tooltip-xl" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'>
.tooltip-xl .tooltip-inner {
text-align: left;
max-width: 100% !important;
height: 35px;
width:280px;
}
Demo[
^]