اذهب إلى المحتوى

السؤال

نشر (معدل)

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

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

1111.thumb.png.05df793800bf030b958a63519a81f604.png

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

    <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

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

2222.thumb.png.98e2ba81a1097dcc398611576d20a133.png

 

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

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

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

تم التعديل في بواسطة Wael Aljamal
توضيح السؤال

Recommended Posts

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...