[MUSIC]
دعونا نناقش بإيجاز حول جداول التمهيد.
ماذا يجلب Bootstrap إلى جداول التصميم التي ندرجها في صفحات الويب الخاصة بنا؟
سننظر أيضًا في مكون bootstrap آخر يسمى بطاقة bootstrap،
وهو مكون متعدد الاستخدامات لعرض المحتوى.
قد تكون هناك العديد من المناسبات التي تريد فيها تقديم محتوى جدولي
على صفحة الويب الخاصة بك.
تم تصميم الجداول أساسا
لهذا الغرض، ولكن قريبا هناك بعد أن
اختطف مصممو صفحة الويب الجداول
لاستخدامها لتصميم ووضع المحتوى في الصفحات.
لأنه بطبيعتها، لم يكن HTML الأصلي
القدرة على وضع المحتوى بشكل صحيح في صفحة ويب.
وبطبيعة الحال، مع وصول تخطيطات القائمة على الشبكة مثل شبكة التمهيد،
تم تشغيل الجداول على الجداول.
وبشكل متزايد، يفضل الناس عدم استخدام الجداول
كنوع رئيسي من تخطيط المحتوى في صفحات الويب.
تم تصميم التخطيطات المستندة إلى الشبكة بشكل أفضل لهذا الغرض.
في ما يلي مثال على ما يمكننا القيام به لجدول HTML قياسي
باستخدام عدة فئات يوفرها bootstrap لجداول التصميم.
حتى هنا، يمكنك أن ترى أن مجموعة بعيدا عن طريق عرضه
في لون أغمق ومن ثم يتم تمييز الصفوف نفسها
من خلال عرض صفوف بديلة مع نسخ احتياطية مختلفة.
يشبه الجدول المستخدم في bootstrap المستند إلى تلك الصفحة كيفية استخدام الجداول في صفحات HTML القياسية.
ولكن بالطبع، يمكنك تطبيق جدول الفئة
المدعوم في bootstrap إلى تقنية جدول قياسية.
بالإضافة إلى ذلك، يوفر Bootstrap العديد من الفئات المختلفة لجداول التصميم مثل،
جدول مخطط للجداول مخطط حمار وحشي كما رأينا في المثال السابق.
وبالمثل، لدينا جدول يحدها الحدود.
الجداول، الجدول تحوم، الجدول سم للجداول مع الحشو الخلية قطع في النصف.
وبالمثل، يمكن تطبيق استجابة الجدول على div حول الجداول،
بحيث يمكن جعل الجداول تستجيب حيث يتم عرضها على أحجام الشاشة الأصغر.
ستتمكن الجداول بعد ذلك من التمرير أفقيًا وعموديًا.
أيضا، يمكنك تطبيق الخلفيات على صف فردي من الجداول أو
الجداول بأكملها نفسها.
فيما يلي بعض الأمثلة على كيفية تطبيق
لون الخلفية على صف معين أو خلية معينة في الجدول.
مكون آخر متعدد الاستخدامات متوفر في bootstrap
هو بطاقة bootstrap.
في بعض الأحيان، قد ترغب في تسليط الضوء على بعض المحتوى على صفحة الويب الخاصة بك.
لذلك هذا هو المكان الذي يأتي التمهيد لمساعدتكم.
في بطاقة Bootstrap هو مكون متعدد الاستخدامات يسمح لك
بعرض المحتوى في myriads من الطرق.
ستلاحظ أنه يسمح لك بالحصول على رؤوس للبطاقات.
يمكنك أيضا تضمين الصور في بطاقات.
يمكنك تضمين الصور في خلفية البطاقات.
يمكنك حتى تغيير ألوان الخلفية للبطاقات.
يتم دعم العديد من الميزات بواسطة البطاقات.
فيما يلي بعض الأمثلة على البطاقات التي سنراها في التدريبات لاحقًا.
وسوف نرى أيضا أكثر تنوعا لنا من بطاقات في التدريبات اللاحقة
وغيرها من الدورات في هذا التخصص.
بطاقة هي شركة مهمة جدا التي يمكن استخدامها بشكل فعال
لعرض المحتوى.
حان الوقت للانتقال إلى التمرين التالي حيث سنستخدم الجداول
والبطاقات لعرض بعض المحتوى في صفحة الويب الخاصة بنا.
[ موسيقى]