Скачать или смотреть تقسيم الاعمده داخل الصف في البوتستراب| Split columns within a row in Bootstrap|

نظام ال grid system في البوتستراب مذهل
البوتستراب بيستخدم ال containers والصفوف والاعمده عشان نعمل اي نوع تصميمم احنا عايزينه
تعالوا نعمل مثال بسيط مكون من ثلاثه اعمده نوضح فيه الكلام ده
متهتمش بالكلاسات اللي انا عملتها هنوضحها في الفيديوهات الجايه
زي ما انتوا شايفين بكود html بسيط عملنا صفحه ويب بثلاث اعمده
عايز اوضح ان ان العواميد الثلاثه داخل الصف
والصف والاعمده داخل ال container
تعالوا نغير حجم الاعمده
اولا هنتخلص من العمود الثالث وهيفضل عندنا عمودين بس
عاوز العمود الاول ياخد 75 في الميه من حجم ال container والعمود التاني ياخد 25 في الميه من حجم ال container
عشان نعمل كدا هنضيف للعمود الاول col-8
والعمود الثاني col-4
عملنا كدا لان الصف الواحد بيحتوي علي 12 عمود
يبقي ال def الاول خد تمن عواميد وال def التاني خد 4 عواميد يبقي المجموع 12 عمود
لو لاحظنا هنلاقي في مساحه بين الدفين ودي بسبب حاجه اسمها gutter
لو دخلنا علي اي def من اللي معلنا هنلاقيه اخد تلقائيا هوامش من اليمين والشمال
لو عايز الغي الهوامش دي واخلي العناصر لازقه في بعض هلغي ال gutter
فهضيف كلاس g-0
وبكدا هنلاقي العناصر لزقت في بعض
ولو عايز ارجع الهوامش تاني لجميع الاتجاهات ما عدا اسفل ال def هخلي ال guuter ب 2 او 3 حسب الهوامش اللي انا عايزها
دلوقتي لو فحصنا ال def هنلاقي هوامش من اليمين والشمال وفوق
طيب لو حابين نحدد مكان الهوامش بنستخدم gy و gx
gy هيضيف هوامش فوق ويمين وشمال
لكن gx هيضيف هوامش يمين وشمال بس