更改Bootstrap弹出窗口的宽度

  • Z时代
  • 2024-01-10
  • 分类：问答

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

回答：

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

以上是 更改Bootstrap弹出窗口的宽度 的全部内容， 来源链接： utcz.com/qa/413232.html

回到顶部