Bootstrap Popover忽略放置选项

问题描述

我在引导程序模式中有一个选择,该模式包含带有引导程序弹出式窗口的选项,其中包含每个选项的更详细说明。当前,无论我在弹出式窗口初始化中将placement选项设置为什么,它都会在选择框的中间弹出,并覆盖列表中的其他选项。该选择允许选择多个选项,因此这不是理想的用户体验。看看类似的问题,我认为设置container: 'body'会有所帮助,但是问题仍然存在,如下所示:

Popover

screenshot image

我当前的弹出窗口初始化:

$('#selectId>option').popover({
    container: 'body',html: true,placement: 'right',trigger: 'manual',});

我尝试将位置更改为“左”,“上”和“下”,无论我使用哪个选项,当我使用$('#selectId>option').popover('show')触发弹出式窗口时,弹出式窗口都会显示在同一位置>

解决方法

尝试为选择框提供更大的宽度(空间),因为有时“弹出框”需要更多的空间来放置该位置。

data-placement="right"

并使用这样的属性。