html - 如何在 Bootstrap 工具提示中将文本放到换行符上？

Question

我的 HTML 是这样的:

<i class="fa fa-cubes" data-toggle="tooltip" data-html="true" data-placement="top" title="{% for product in products.category.all %} {{product.description}} x {{product.quantity}} &#013;{% endfor %}"></i></td>

因此，它对类别中的每个产品所做的是，它会在悬停时显示产品名称和产品数量。例如:

Product 1 x 25

所以，我希望能够做的是，下一个产品应该像这样换行:

Product 1 x 25
Product 2 X 43

相反，我得到这个:Product 1 X 25 Product 2 X43

我查看了 Stackoverflow 上的许多其他答案，并尝试了这些:

• 正在添加 data-html=true并使用 <br>分隔句子
• 使用 


• 添加以下 CSS:

  .tooltip-inner { 空白:预包装； 最小宽度:100px；

但是这些方法都不起作用。我错过了什么？

Answer 1

在 Bootstrap 5.0 及更高版本中，要在工具提示中启用 HTML，请使用:

data-bs-html="true"

而不是(记下“bs”):

data-html="true"