如何更改bootstrap popover的宽度

Question

我有一个尺寸为

的列

width:30px和height:25px

如果弹出窗口被触发，该列只有一个按钮，它的宽度会缩放到列的宽度...有人知道如何增加弹出窗口的宽度吗？

width:100px和height:50

我使用了以下css代码

.popover{
    widht:100px;
    height:50px;
    overflow:visible;
}

Answer 1

我在Bootstrap 4 Beta版上测试的解决方案：

.popover {
        min-width: 30em !important;
}

Answer 2

您想要更改与弹出窗口一起使用的容器。

这可以通过Javsascript完成，您可以在其中初始化指定元素上的popover容器。

// where 'body' is the container you want to contain the popover within
$('[data-toggle="popover"]').popover({
container: 'body' });