Bootstrap 3 tooltip gets wrapped on every white space?
You can specify a min-width like this..
.tooltip {min-width:200px;}
Demo: http://www.bootply.com/kFfEAk0m1O
instead of setting min width, consider removing the max-width limitation:
.tooltip-wide .tooltip.bottom, .tooltip-inner {
max-width: none;
}
<a [tooltip]='acctTooltip' class='tooltip-wide' placement='bottom'>blah blah</a>
(tooltip-wide is to keep the css from affecting other tooltips)
I fixed the same problem by simply switching the title attribute's string directly from " " to " "
<html>
<!-- From: -->
<a ... data-placement="right" title="Click to zoom"></a>
<!-- To: -->
<a ... data-placement="right" title="Click to zoom"></a>
</html>
You can also leave a regular " "
that will break line for multi-line tooltips.