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

您可以对container ...

使用.popover()选项

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

这会将popover元素附加到表而不是表格单元格。

Bootstrap Popover暂时调整表格大小

1 个答案: