更改Bootstrap弹出窗口的宽度

Question

我正在使用Bootstrap 3设计页面。我试图placement: right在输入元素上使用带有popover的页面。新的Bootstrap可确保您在使用form-control时基本上具有全角输入元素。

HTML代码如下所示：

<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>

我认为popover的宽度太小，因为它们在div中没有​​剩余的任何宽度。我想在左侧输入表单，在右侧显示宽弹出窗口。

通常，我正在寻找无需覆盖Bootstrap的解决方案。

附加的JsFiddle。第二个输入选项。并没有使用jsfiddle，所以不知道，但尝试增加输出框的大小以查看结果，在较小的屏幕上甚至看不到它。

Answer 1

Name:

基本上我将弹出代码放在div行中，而不是输入div中。解决了问题。