我试图在twitter引导工具提示中显示一点长的文本。正如你在下面的图片中可以看到的,事情不会垮台。有没有人有一个容易修复溢出的bootstrap工具提示的文本?
在我的控制器:
<a href='" + Url.Action("Index","PP",new {id = productRow.ProductGuid,area = ""}) + "' " + ((blTruncated) ? "class='auto-tooltip' title='" + productRow.ProductName.Replace("'","") : "") + "'>" + productName + "</a>
在我看来:
$('.auto-tooltip').tooltip();
解决方法
我不知道你的代码,
这里是一个具有较长工具提示值的示例:
这里是一个具有较长工具提示值的示例:
元件:
<a href="#" rel="tooltip" title="Lorem ipsum dolor sit amet,consectetur adipiscing elit. Maecenas bibendum ac felis id commodo. Etiam mauris purus,fringilla id tempus in,mollis vel orci. Duis ultricies at erat eget iaculis.">Hover here please</a>
Js:
$(document).ready(function () { $("a").tooltip({ 'selector': '','placement': 'top','container':'body' }); });
Css:
/*Change the size here*/ div.tooltip-inner { max-width: 350px; }
演示:on JsBin.com