How to make Twitter Bootstrap tooltips have multiple lines with CSS?

Spread the love

Sometimes, we want to make Twitter Bootstrap tooltips have multiple lines with CSS.

In this article, we’ll look at how to make Twitter Bootstrap tooltips have multiple lines with CSS.

How to make Twitter Bootstrap tooltips have multiple lines with CSS?

To make Twitter Bootstrap tooltips have multiple lines with CSS, we set the white-space property.

For instance, we write

.tooltip-inner {
  white-space: pre-wrap;
}

to add white-space: pre-wrap; to make the tooltip text show on multiple lines.

Conclusion

To make Twitter Bootstrap tooltips have multiple lines with CSS, we set the white-space property.

Leave a Reply

Your email address will not be published.