更改引导弹出窗口的宽度

Question

<div class="row">
    <div class="col-md-6">
        <label for="name">Name:</label>
        <input id="name" class="form-control" type="text" 
                         data-toggle="popover" data-trigger="hover" 
                         data-content="My popover content.My popover content.My popover content.My popover content." />
    </div>
</div>

大多数情况下，我在寻找一个不用重写引导的解决方案。

附加的jsfiddle。第二个输入选项。没有经常使用jsfiddle，所以不知道，但尝试增加输出框的大小来查看结果，在更小的屏幕上甚至看不到。http://jsfiddle.net/rqx8t/

Answer 1

您可以使用CSS来增加弹出窗口的宽度，如下所示：

/* The max width is dependant on the container (more info below) */
.popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}

如果这不起作用，您可能需要下面的解决方案，并更改容器元素。（查看JSFiddle）

如果这不起作用，您可能需要指定容器：

// Contain the popover within the body NOT the element it was called in.
$('[data-toggle="popover"]').popover({
    container: 'body'
});

// Contain the popover within the body NOT the element it was called in.
$('[data-toggle="popover"]').popover({
    container: 'body'
});