التمهيد شاشة كبيرة
وميزة أخرى من هذا الفصل يشرح دعم التمهيد، وشاشة كبيرة (Jumbotron). وكما يوحي اسم هذا العنصر يمكن أن تزيد من حجم العنوان، وإضافة المزيد من المحتوى من خارج الصفحة المقصودة (هامش). لاستخدام شاشة كبيرة (Jumbotron) على النحو التالي:
- إنشاء .jumbotronفئة مع حاوية <div>.
- وبصرف النظر عن أكثر <h1> تحليل، تم تخفيض وزن الخطالخط الوزنإلى 200px.
يوضح المثال التالي هذه النقطة:
أمثلة
<div الطبقة = "حاوية">
<div الطبقة = "jumbotron">
<H1> الترحيب الصفحة! </ H1>
<P> وهذا مثال من شاشة كبيرة (Jumbotron) من. </ P>
<P> <ل الطبقة = "BTN BTN الابتدائي BTN -lg" دور = "زر"> مزيد من المعلومات </ أ>
</ P>
</ div>
</ div>
محاولة »
وكانت النتائج على النحو التالي:
من أجل الحصول على العرض الكامل ولا تشغل الشاشة الكبيرة مع تدوير الزوايا، استخدم.jumbotron الدرجة في كل .container الطبقةالخارج، كما هو مبين في الأمثلة التالية:
أمثلة
<div الطبقة = "jumbotron">
<div الطبقة = "حاوية">
<H1> الترحيب الصفحة! </ H1>
<P> وهذا مثال من شاشة كبيرة (Jumbotron) من. </ P>
<P> <ل الطبقة = "BTN BTN الابتدائي BTN -lg" دور = "زر"> مزيد من المعلومات </ أ>
</ P>
</ div>
</ div>
محاولة »
وكانت النتائج على النحو التالي: