Bootstrap Popover临时调整表大小

Gwenji

我正在使用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

齐姆

您可以将container选项用于.popover()...

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Bootstrap Popover临时调整表大小

来自分类Dev

Bootstrap 折叠调整大小表

来自分类Dev

Bootstrap 3导航栏在滚动时调整大小并更改徽标

来自分类Dev

带表的bootstrap popover 3.0

来自分类Dev

Bootstrap滑块标题调整大小

来自分类Dev

如何调整Bootstrap DatePicker的大小?

来自分类Dev

DataGridViewComboBoxColumn 奇怪的行为,在 CellEnter 上临时调整大小

来自分类Dev

Bootstrap根据屏幕大小自动调整

来自分类Dev

Bootstrap调整大小和自动折叠

来自分类Dev

Bootstrap 3动画列大小调整

来自分类Dev

如何使用Bootstrap调整图像大小

来自分类Dev

Bootstrap输入组调整大小问题

来自分类Dev

调整图像大小的Bootstrap工具提示

来自分类Dev

Bootstrap Carousel无法调整图像大小

来自分类Dev

Bootstrap媒体对象映像的大小调整

来自分类Dev

调整Bootstrap 3表单控件的大小

来自分类Dev

可调整大小的动态Bootstrap列

来自分类Dev

防止导航栏在Bootstrap上调整大小

来自分类Dev

调整大小时Bootstrap列重叠

来自分类Dev

调整大小时修复了Bootstrap登录屏幕

来自分类Dev

调整窗口大小时,Bootstrap Modal 被隐藏

来自分类Dev

bootstrap div 不会逐步调整大小

来自分类Dev

调整浏览器大小时,Bootstrap表超出了面板

来自分类Dev

动态创建的Bootstrap表松散间距调整

来自分类Dev

动态创建的Bootstrap表松散间距调整

来自分类Dev

Selenium ElementNotVisibleException for Bootstrap Popover

来自分类Dev

Bootstrap Popover在中间对齐

来自分类Dev

Bootstrap Popover Border CSS

来自分类Dev

Bootstrap Popover和Rails