导航栏菜单切换按钮在折叠时不会出现在最右边

Question

我已经尝试了很多，但是导航栏菜单切换按钮在折叠时位于中间，但是当我展开它时它会移动到最右边。折叠起来怎么能一直在极右

'''html

菜单菜单 HOME 关于学院

大学概况

校长寄语

愿景与使命

委员会名单

核心价值观

照片库

部门

计算机应用

工商管理

商业

大众传播

艺术与人文

科学

SOCI--> 设施

礼堂

图书馆

浏览中心 & WI-FI

运动

女生公共休息室

旅馆

促进中心

会议厅

医疗救助

食堂

学生天地

职业咨询小组

奖学金

妇女发展小组

行为准则

善意证书

质量控制中心

概览

AQARs

出版物

时事通讯

杂志

大学招生简章

-->

联系

        <!--
        =====================================================
            Theme Inner page Banner
        =====================================================
        -->
        <section class="inner-page-banner">
            <div class="opacity">
                <div class="container d-none d-lg-block">
                    <font color="#FFFFFF"><b>GOVERNMENT DEGREE COLLEGE ANANTNAG</b></font>
                    <ul>
                        <li>NAAC ACCREDITED GRADE B+</li>
                    </ul>
                </div>  
            </div> <!-- /.opacity -->
        </section> <!-- /.inner-page-banner -->

'''

我用 bootstrap 5

Answer 1

请分享您的 css 或在 'Menu'

上做一个 {margin-left: auto}

Answer 2

您可以通过多种方式正确对齐文本。

使用最大宽度：100px；并设置 margin-left: auto;
文本对齐：右对齐；
浮动：右；

希望对你有所帮助。

导航栏菜单切换按钮在折叠时不会出现在最右边

Navbar Menu toggle button does not come on extreme right when collapsed

html

javascript

css

menu