Title в Tooltip Bootstrap 3?

Question

[iSensei]

Есть ссылка с Tooltip

<a id="MyTooltip" class="btn" href="#" rel="tooltip" data-placement="right" data-original-title="КОНТЕНТ ЗДЕСЬ">название ссылки</a>

Надо чтобы выводился контент с новой строки, но я не могу написать перенос строки в ""(Ковычках)

data-original-title="КОНТЕНТ ЗДЕСЬ с переносом строк"

Можно ли сделать, чтобы
переносил строку, а не писался там?

Answer 1

[Yago]

В css необходимо прописать

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

И все переносы строки внутри data-original-title заработают как надо.

Или вот пример рабочего демо c тегом переноса строки
www.bootply.com/83099

Comments

[Eugene Obrezkov]

@iSensei значит вам сюда :) Попробуйте совместить эти два ответа. Я за \n потому что просто клепать Enter'ом переносы в HTML это не комильфо :)

Answer 2

[iSensei]

@Yago спасибо все получилось, добавил еще data-html="true" без него не работает)

Answer 3

[Eugene Obrezkov]

Символ \n пробовали? Собственно это и решение :)

Comments

[iSensei]

не пробовал)а как им пользоваться?

[Eugene Obrezkov]

@iSensei попробуйте в data-original-title="Content 1\nContent 2". Вообще это символ переноса строк, браузер должен сообразить )

[iSensei]

не работает так