شرح صفوف ومحتوى الفقرة
- تستخدم خاصية wrap للتحكم في ما اذا كنت تريد للعناصر ان تقوم بالالتفاف والنزول الى سطر جديد ام لا عندما ينتهي عرض flxbox.
- الوضع الافتراضي في flexbox هو flex-nowrap فلا يسمح للعناصر بالنزول الى سطر جديد.
- لتفعيل خاصية wrap نقوم باضافة كلاس flex-wrap الى parent element.
- يمكن ايضا عمل reverse wrap باستخدام كلاس flex-wrap-reverse.
Flex Warp
مثال على استخدام كلاسات flex-wrap.
HTML
<div class="d-flex flex-nowrap">..</div>
<div class="d-flex flex-wrap">..</div>
<div class="d-flex flex-wrap-reverse">..</div>