Bootstrap 5 中 data-bs-placement="top" 的工具提示位置太高

问题描述 投票:0回答:1

最近,我将一个项目从 Bootstrap 4 升级到 5,并遇到了工具提示问题。当我使用左侧、右侧或底部放置时,工具提示完美定位在组件上。但是,当我使用放置顶部时,工具提示显得太高。

我注意到,如果我的导航栏切换到手机模式,工具提示的位置会发生变化,但仅限于“顶部”位置;它对其他人不受影响。

我调整了页脚大小以将工具提示保持在适当的位置,但现在,如果我的导航栏切换到手机模式,工具提示会再次显得太高。

为此,我从页脚组件中删除了“position:absolute”。

html jquery css bootstrap-4 bootstrap-5
1个回答
0
投票

尝试设置“边界”或“容器”选项之一,以帮助控制工具提示相对于其父元素和边界的位置。

https://getbootstrap.com/docs/5.0/components/tooltips/#options

© www.soinside.com 2019 - 2024. All rights reserved.