如何更改Bootstrap 4 popovers的位置?

时间:2017-12-05 06:43:27

标签: twitter-bootstrap bootstrap-4 popper.js

我试图在其父按钮的左侧或右侧对齐Bootstrap 4弹出式窗口。我知道我可以通过使用" offset"来实现它,但这意味着我必须为每个按钮设置不同的偏移值,因为它们的宽度从不相同。

有没有办法利用popper.js(BS用于定位)来实现这种对齐,而不是总是以popover为中心?

For reference, this is the result I'm looking for

2 个答案:

答案 0 :(得分:0)

在搞砸了一段时间之后我发现我可以通过使用偏移来实现我想要的,因为它不仅接受像素值,而且还接受相对于父对象的%。

所以我只是这样做:

data-offset="-50%"

答案 1 :(得分:0)

如果您在这里是因为要使用!=content来设置偏移量,请按照以下步骤操作。通过向react-bootstrap组件添加popperConfig属性:

Dropdown.Menu

希望这可以帮助某个人。