如何在 bootstrap 工具提示中显示数据库消息

Question

当用户将鼠标悬停在 table 中的元素上时，他应该会看到该元素的消息。该消息在模型中存储为属性。
这是我到目前为止所做的：

<table>
<tr>
<td data-toggle="tooltip" data-placement="right" title=@item.Message>Message</td>
</tr>
</table>

如果消息只有几个字符，它会显示在工具提示中，但是很长的消息不会让 displayed.Any 知道我应该怎么做？

Answer 1

尽管某些浏览器中 title 属性的字符数有限制，但它应该不会影响，因为您使用的是 bootstrap 工具提示。它应该适用于长文本。

我在您的代码中看到的唯一问题是，您没有将文本括在单引号或双引号内。所以假设你的 item.Message 有一个类似于 "FirstWord and SecondWord" 的值，你的标记将是

<td data-toggle="tooltip" data-placement="right" 
                                           title=FirstWord and SecondWord>Message</td>

所以它只会显示 FirstWord 因为在那之后有一个 space。

您应该将 title 属性的值用引号引起来，它会正常工作。

<td data-toggle="tooltip" data-placement="right" title="@item.Message">Message</td>

How to display a database message inside a bootstrap tooltip