Javascript 如何从Bootstrap 4配置Popper.JS

我使用split.js将屏幕分为两部分。在右边，很少有输入字段在焦点上有引导工具提示

由于容器右侧的宽度不够宽，引导工具提示不会像应该的那样显示在左侧的檐槽上方，而是显示在右侧

为了解决这个问题，我必须在我的项目中导入bootstrap.min.js并修改以下行：

preventOverflow: {
    boundariesElement: this.config.boundary
}

借

右侧部分的输入字段结构如下所示

<div id="leftContainer"></div>
<div id="rightContainer"></div>
    <table>
        <tr>
            <td>
                <label>
                      <div>someText</div>
                      <input type="text"
                             size="2"
                             rel="tooltip"
                             data-toggle="tooltip"
                             data-trigger="focus"
                             data-placement="left"
                             data-html="true"
                             data-title="someTitle"
                             value="someValue"
                             name="someName" />
                </label> etc. ...

---

我的问题是：没有在我的项目中导入bootstrap.min.js并修改代码以禁用bootstrap中PopperJS实现的preventOverflow，有没有办法在bootstrap中正确配置PopperJS（比如在初始化工具提示时，而不是修改bootstrap js）？

您可以设置默认的“边界”到窗口。然后它将能够溢出其父元素

在包含引导后，只需添加这行JS即可：

$.fn.tooltip.Constructor.Default.boundary = "window";
$.fn.dropdown.Constructor.Default.boundary = "window";

（我花了相当长的时间才找到定制这些配置设置的文档，我只能找到这个超级简短的解释）

---

稍微测试一下，您也可以只传递一个无效字符串，如“none”。（只有“窗口”、“视口”和“滚动父对象”（默认值））

您可以只为窗口设置默认的“边界”。然后它将能够溢出其父元素

在包含引导后，只需添加这行JS即可：

$.fn.tooltip.Constructor.Default.boundary = "window";
$.fn.dropdown.Constructor.Default.boundary = "window";

（我花了相当长的时间才找到定制这些配置设置的文档，我只能找到这个超级简短的解释）

稍微测试一下，您也可以只传递一个无效字符串，如“none”。（仅“窗口”、“视口”和“滚动父对象”（默认设置））

$.fn.tooltip.Constructor.Default.boundary = "window";
$.fn.dropdown.Constructor.Default.boundary = "window";