الاصدار الرابع من bootstrap: نستخدم img-fluid بدل من img-responsive — نستخدم d-block mx-auto بدل من center-block حيث ان center-block في الاصدارات القديمة كانت تقوم بعمل display: block و margin: 0 auto اما d-block في الاصدار الرابع تقوم بعمل display-block و mx-auto تقوم بعمل margin: 0 auto
دروس غريد سيستم 100% مفهوم شكرا استاذ عيز شئ منك هو اضن صعب شوية تضع لك ملف فيه كل كلاسات بوت ستراب و امام كل كلاس تعريف بسيط يعني مثل img-responsive : يجعل صورة تكبر و تصغر علي حسب بلوك
أنا عندي مشكلة في ال small و extra small بتصير الصورة أكبر من حجمها الطبيعي عشان بتاخد 12 من ال grid system وهي screen shot لل توضيح http://cdn.top4top.net/i_c04e2946811.png
25 responses to “[ Twitter Bootstrap 3 In Arabic ] #10 – Grid System Column Nesting”
.
الاصدار الرابع من bootstrap:
نستخدم img-fluid بدل من img-responsive
—
نستخدم d-block mx-auto بدل من center-block
حيث ان center-block في الاصدارات القديمة كانت تقوم بعمل display: block و margin: 0 auto
اما d-block في الاصدار الرابع تقوم بعمل display-block و mx-auto تقوم بعمل margin: 0 auto
جزاك الله خيرا
لو سمحت انا عندى مشكلة ان فى التاج بتاع <P> الكلام كله بيجى فى سطر واحد ممكن أعرف ايه الحل ؟
for Bootstrap 4
center-block = mx-auto
img-responsive = img-fluid
شرح جميل ورائع ولكن عندى مشكله ازاى اعمل مسافات بين الديفات عند ظهورهم تحت بعض فى شاشة الموبايل
#ملاحظة #مهمة
في اصدار البوتستراب الرابع تم حذف كلاس
img-responsive
وتم استبدالة بكلاس جديد وهو
img-fluid
جزاك الله خير
طب يا بش مهندس أسامة انا لو عايز بس الصورة تيجي في المنتصف بالنسبة للموبايل وباقي الشاشات تيجي الصورة على اليمين او اليسار أعمل إيه ؟؟؟
المشاهد رقم 1,000
جزاك الله خير استاذنا الغالي
جزاك الله خيرا اخي اسامة
الله يعطيك العافية استاذي ♥
سرح رائع للجريد سيستم اخي اسامة و الله امتعتنا بشرحك ربنا يخليك و يسعدك يا رب
جميل جدا
جزاك الله خيرا استاذي الفاضل
روعةجزاك الله خيراً
jazaka llaho khayran ostad
very good tutorial, thanks for your time and looking forward for new tutorials
دروس غريد سيستم
100%
مفهوم شكرا استاذ
عيز شئ منك هو
اضن صعب شوية
تضع لك ملف فيه كل كلاسات بوت ستراب
و امام كل كلاس تعريف بسيط
يعني مثل
img-responsive : يجعل صورة تكبر و تصغر علي حسب بلوك
يعطيك العافية أستاذ اسامة
سؤال … هل أستطيع تغيير الmargin بين كل grid و الآخر بنفس ال row ???
أنا عندي مشكلة في ال small و extra small بتصير الصورة أكبر من حجمها الطبيعي عشان بتاخد 12 من ال grid system
وهي screen shot لل توضيح http://cdn.top4top.net/i_c04e2946811.png
ممتاز بجد ماشاء الله
ربنا يبارك فيك
طيب يا باشمهندس لو عاوزين نتعامل بشكل اكبر يعني مثلاً الGrid بتبقى 12 … ممكن نكون عاوزين نخلي عنصر في 11.5 مثلاً نعمل ايه ؟؟
شرح اكثر من رائع الله يجزيك الخير 🙂