توسيط العناصر داخل الشريط العلوي

يجب أن يتم وضعها للـ ul كالتالي :

<ul class="navbar-nav me-auto my-2 my-lg-0 justify-content-center w-100 fs-5 "

لاحظ أنني اعطيتها الخاصية w-100 بالإضافة للـ justify-content-center وذلك لأننا بحاجة لجعلها تأخذ كامل عرض الأب الخاص بها، ومن ثم قمنا بتوسيط العناصر داخلها.

والطريقة التي عرفت فيها اين اضع الخاصية، هي عبر تجريب اضافة الخاصية من الـ developers tool في المتصفح ومراقبة عرض كل عنصر.

بتاريخ 9 دقائق مضت قال عمر قره محمد:

يجب أن يتم وضعها للـ ul كالتالي :

<ul class="navbar-nav me-auto my-2 my-lg-0 justify-content-center w-100 fs-5 "

لاحظ أنني اعطيتها الخاصية w-100 بالإضافة للـ justify-content-center وذلك لأننا بحاجة لجعلها تأخذ كامل عرض الأب الخاص بها، ومن ثم قمنا بتوسيط العناصر داخلها.

والطريقة التي عرفت فيها اين اضع الخاصية، هي عبر تجريب اضافة الخاصية من الـ developers tool في المتصفح ومراقبة عرض كل عنصر.

 

احسنت اخي تم حل المشكلة مثل هكذا اخطاء كيف استطيع معرفتها .خطر كل شي ببالي الا العرض ؟ ما سبب ذلك 

بتاريخ 17 دقائق مضت قال احمد قابل هاشم ألصميدعي:

احسنت اخي تم حل المشكلة مثل هكذا اخطاء كيف استطيع معرفتها .خطر كل شي ببالي الا العرض ؟ ما سبب ذلك 

عليك بتعلم كيف تقوم بعمل Debugging من خلال أدوات المطور في جوجل كروم مثلاً، وكما شرح لك عمر، قام هو هو بتفقد التنسيقات والكلاسات الخاصة بالعناصر من خلال المتصفح، وربط بينها وبين التنسيقات الخاصة بالعنصر الأب.

وقام بتجربة تعديل التنسيق بوضع خواص CSS على العنصر من خلال المتصفح، وذلك أسرع بمراحل بدلاً من التعديل على الكود ثم النظر إلى المتصفح مرة أخرى، بل عليك التجربة داخل المتصفح نفسه من خلال أدوات المطور، وكيف تفعل ذلك؟

عليك بمشاهدة الفيديو التالي وأيضًا قراءة التعليقات، وستتعلم كيف تستخدم أداة المطور في جوجل كروم:

بتاريخ 31 دقائق مضت قال احمد قابل هاشم ألصميدعي:

احسنت اخي تم حل المشكلة مثل هكذا اخطاء كيف استطيع معرفتها .خطر كل شي ببالي الا العرض ؟ ما سبب ذلك 

أخطاء ال css عادة تنحصر في الأخطاء التالية

• التحقق من الصنف: يجب التحقق من الصنف الذي يتم استخدامه في الأكواد، والتأكد من صحته وملاءمته للعنصر المستخدم.
• التحقق من اسم الصنف: يتعين التأكد من أن اسم الصنف المستخدم مكتوب بشكل صحيح، وأنه لا يوجد أي أخطاء في الإملاء.
• التحقق من القيم: يجب التحقق من القيم المستخدمة في الأكواد، والتأكد من صحتها وملاءمتها للعنصر المستخدم.
• التحقق من الترتيب: يجب التأكد من ترتيب الأكواد، والتأكد من وجود الصنف في المكان المناسب، وبالترتيب الصحيح.
• التحقق من الثوابت: يجب التحقق من الثوابت المستخدمة في الأكواد، مثل الألوان أو الأبعاد، والتأكد من أنها صحيحة وملاءمة للعنصر المستخدم.

يمكنك استخدام أدوات مطور الويب المدمجة في المتصفح لتحديد الأخطاء وتصحيحها كما في التعليق السابق

كما يجب عليك معرفة أنه يمكنك تنفيذ مهمة ما مثل توسيط العناصر كما في السؤال بأكثر من طريقة لذلك طالما تقوم بالتدريب والممارسة ستقوم بحل المشكلات بطريقة أسرع من ذي قبل