使用引導rtl時導航條損壞 & ltlink rel = & quot樣式表& quothref = & quothttps://cdn . RTL CSS . com/bootstrap/v 4 . 5 . 3/CSS/bootstrap . min . CSS & quot；誠信= & quotsha 384-jvexcacazchnjec 7156 qahxtnql 3 hqbixvj 5 RV 5 bue 7 vgnnezzskdtx 9 NQ 4 p 6 bje & quot；crossorigin = & quot匿名& quot/& gt；

<!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="{{route('index')}}">
                            <img src="/assets/images/logo/logo.png" alt="logo" style="width: 50px; height: 50px; margin-top: -12px;">
                        </a>
                    </div><!--/.navbar-header -->

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" style="overflow: visible;">
                        <ul class="nav navbar-nav navbar-right">
                            <li class="active"><a href="#">{{__('pages.home')}}</a></li>
                            <li><a href="#industries">{{__('pages.industries')}}</a></li>
                            <li><a href="#services">{{__('pages.services')}}</a></li>
                            <li><a href="#projects">{{__('pages.blogs')}}</a></li>
                            <li><a href="#about-us">{{__('pages.about-us')}}</a></li>
                            <li style="position: relative;">
                                <a href="#"  class="has-sub">@if(session()->get('locale') == 'ar') {{'Arabic'}} @else {{'English'}} @endif
                                <i class="fa-solid fa-caret-down"></i></a>
                                <ul class="sub-menu">
                                    <li><a style=" all: unset; color: black; padding: 5px 20px; cursor: pointer;"  href="/change-language" >@if(session()->get('locale') == 'ar') {{'English'}} @else {{'Arabic'}} @endif</a></li>
                                </ul>
                            </li>

                        </ul><!-- / ul -->
                    </div><!-- /.navbar-collapse -->
                </nav><!--/nav -->
            </div><!--/.menubar -->
        </div><!-- /.container -->

這是導航條的代碼。 我試圖使網站rtl時，方向是rtl(支持rtl)。