一尘不染

更改Bootstrap弹出窗口的宽度

css

我正在使用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,所以不知道,但尝试增加输出框的大小以查看结果,在较小的屏幕上甚至看不到它。


阅读 488

收藏
2020-05-16

共1个答案

一尘不染

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

2020-05-16