Twitter Bootstrap的popover功能的典型示例是带有标题的类固醇的工具提示.
HTML:
<a href="#" id="blob" class="btn large primary" rel="popover" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A title">hover for popover</a>
Run Code Online (Sandbox Code Playgroud)
JS:
<script>
$("#blob").popover({offset: 10});
</script>
Run Code Online (Sandbox Code Playgroud)
我想使用popover来显示图像.这可能吗?
我在网格中有一列长文本,应该在网格中截断(以...结尾),但应该在popover中显示整数.
当我的文本中有空格时,弹出窗口正确显示.对于没有空格的文本,弹出窗口显示不正确.见下面的例子
弹出窗口不正确:

正确的弹出:

我正以这种方式展示popover:
<div data-toggle="popover" rel="popover"
data-container="body" data-content="My_test_in_popover">
My_text_with_...
</div>
Run Code Online (Sandbox Code Playgroud)
如何修改代码以正确显示没有空格的长文本的弹出窗口?