مشكلة في محاذاة عناصر في لارافل و بوتستراب 5

المشكلة هي أن ايقونات القائمة المنسدلة تظهر في الوسط ولا تظهر في اليسار مثل عندما أستخدم cdn rtl 

بحيث تظهر هكذا  عند إستخدام cdn rtl :

لكن عندما أستخدم التضمين التالي :

    <link href="{{ asset('css/app.css') }}" rel="stylesheet">

مع cdn بهذه الطريقة :

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.rtl.min.css" integrity="sha384-gXt9imSW0VcJVHezoNQsP+TNrjYXoGcrqBZJpry9zJt8PCQjobwmhMGaDHTASo9N" crossorigin="anonymous">
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">

دعونا من التخصيص الان إكتشفت ان المشكلة لاتتعلق به , صحيح لولا اني اريد التخصيص لإستعملت مباشرة cdn 

المهم الآن الايقونات تظهر في الوسط كما في الصورة الاعلى وكل ما في الامر اني ضمنت 

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.rtl.min.css" integrity="sha384-gXt9imSW0VcJVHezoNQsP+TNrjYXoGcrqBZJpry9zJt8PCQjobwmhMGaDHTASo9N" crossorigin="anonymous">
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">

فقط ومن دون اي تعديل 

فعلت npm run dev  و php artisan optimize:clear

’ و حذفت البوتستراب ثم تبثه من جديد

npm uninstall bootstrap

ثم 

npm i bootstrap

وكل شيء له علاقة بالتخصيص ازلته , معناه لاعلاقة لتخصيص الآن بإتجاه الأيقونات 

بعد ذلك عملت npm run watch

النتيجة نفسها :

ملفات المشروع :bookstore.rar

صفحة المعاينة localhost:port/try

شكرا مجددا والمعذرة