我想用容器限制主导航栏的内容,我在视频中看到它完成,我也在可以完成的教程中阅读,但事实如此吗?在这两种情况下,他们都没有使用下拉列表。内容正确对齐到左右对齐,但桌面分辨率大于容器时,我一直向右的下拉列表似乎与页面对齐,而不是与容器对齐。
下拉列表使用类dropdown-menu-right
,它设置left: auto
和right: 0
,它与页面对齐是有道理的,显然如果我删除它,它会完全对齐到页面左侧,有一种方法可以使用引导类,没有奇怪的黑客,让它与容器对齐?
我正在使用带有 sveltestrap 的 svelte,生成的 html 在我看来就像一个普通的导航栏,但我可能错过了一些东西,我已经砰了一段时间了。
苗条的回复
添加相对于容器的类位置。菜单将根据容器对齐。
<div class="container position-relative"></div>