如何更改 bootstrap 弹出窗口的宽度

Question

我有一个维度为

的列

width:30px 和 height:25px

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

width:100px 和 height:50

我用过下面的css代码

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

Answer 1

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

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

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

Answer 2

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

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