حالات عدم تناسق محاذاة الأعمدة في Bootstrap 4

أثناء الانتقال من Bootstrap 3 إلى 4، لاحظت أن أعمدتك تتم محاذاة رأسيًا بدلاً من أفقيا. يمكن أن يُعزى ذلك إلى تغيير في نظام الشبكة في Bootstrap 4.

Col-12 Issue

في Bootstrap 3، يمكنك لف الأعمدة داخل صف أصل باستخدام فئة "العمود 12". لم يعد هذا صالحًا في Bootstrap 4. كل مستوى من التداخل له صف خاص به، لذا قم بإزالة فئة "col-12" من الصف الأصلي:

    

        
TEST
    
    

        
TEST
    
    

        
TEST
    
    

        
TEST
    

سيضمن ذلك محاذاة الأعمدة أفقيًا والحفاظ على سلوكها المتوقع. لمزيد من المعلومات حول التداخل في Bootstrap، راجع وثائقهم الرسمية: https://getbootstrap.com/docs/4.0/layout/grid/#nesting