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 "&nbsp;"

<html>
    <!-- From: -->
    <a ... data-placement="right" title="Click to zoom"></a>
    <!-- To: -->
    <a ... data-placement="right" title="Click&nbsp;to&nbsp;zoom"></a>
</html>

You can also leave a regular " " that will break line for multi-line tooltips.