我的 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}} 
{% 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；
但是这些方法都不起作用。我错过了什么？
最佳答案
在 Bootstrap 5.0 及更高版本中，要在工具提示中启用 HTML，请使用:
data-bs-html="true"
而不是(记下“bs”):
data-html="true"
关于html - 如何在 Bootstrap 工具提示中将文本放到换行符上？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44595511/