php - Bootstrap Popover 临时调整表的大小

Question

我正在使用 PHP 和 HTML 创建 Bootstrap 表。这是我生成的单元格示例，包括弹出窗口:

echo '<td colspan="' . $newlength . '" rel="popover" id="example" data-toggle="popover" data-content="Content!!!" data-title="<img src=\'myimage.jpg\' width=\'45\' height=\'30\' /> &nbsp Title">Content!!!</td>';

这是我的脚本:

$('[data-toggle="popover"]').popover({
trigger: 'click',
    'placement': 'bottom',
    html: 'true' });

我的问题是，当我激活一个弹出窗口时，表格的下行会增加宽度，好像是为了容纳弹出窗口，然后再调整为正常大小。有什么办法可以阻止这种情况发生吗？

编辑:已尝试重新创建问题 - 虽然它在 bootply 上并不完全相同(表是水平调整而不是垂直调整大小)但它是相似的。 http://www.bootply.com/91456

Answer 1

您可以为 .popover() 使用 container 选项...

$('[data-toggle="popover"]').popover({
    trigger: 'click',
        placement: 'right',
        html: 'true',
        container: '.table'
});

这会将弹出框元素附加到表格而不是表格单元格。