我尝试将Bootstrap 5.3导航栏中的下拉链接向右对齐,但根本没有成功。在Bootstrap 3中,它是navbar-right
,在Bootstrap 4中,我认为它是ml-auto
,在Bootstrap 5 beta中,它是me-auto
。
我尝试了<ul class="navbar-nav me-auto>
<ul class="navbar-nav mr-auto>
<ul class="navbar-nav ms-auto>
<ul class="navbar-nav ml-auto>
,以为项目会到导航栏的右端,但都不起作用。
1条答案
按热度按时间jhiyze9q1#
请尝试以下代码:
我所做的就是使用无序列表,使它里面的所有内容都右对齐,所以如果你在
ul
里面的nav中添加任何东西,它都是右对齐的。我建议在你的css中添加一个断点来移除233px的可见性,这样导航栏看起来就不会很奇怪了,不过你也可以选择使用
navbar-toggler
。我会一直建议阅读官方Bootstrap团队关于导航栏和间距的文档。
希望这有帮助!
进一步阅读:
https://getbootstrap.com/docs/5.3/components/navbar/
https://getbootstrap.com/docs/5.3/utilities/spacing/