انتقل إلى محتوى الدرس

BootStrap Typography Headings طباعة العناوين في bootstrap

سنتعلم في هذا الدرس كيف نتحكم في تنسيق وصيغة اي text content محتوى نصي داخل اي عنصر في صفحة HTML.

1 صفوف تعليمية
Bootstrap
2,680 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
  • typography الطباعة : هي إحدى ميزات bootstrap التي تتيح لك تنسيق اي محتوى نصي كما تشاء.
  • Usage الاستخدام : تستخدم هذه الخاصية لإنشاء customized headings عناوين مخصصة ،subheadings عناوين فرعية ، lists وقوائم ، paragraphs وفقرات ، وإضافة المزيد من font-styles أنماط الخطوط، وأكثر من ذلك بكثير. 

تستطيع هذه الميزة ان تضيف تنسيقات عناصر headings العناوين الرئيسية (font-size and font-weight only) لاي عنصر HTML يحتوي على text نص بداخله, عن طريق اضافة كلاس من h1-h6.

Typography Headings

استخدام كلاسات h1 to h6 مع عنصر p.

HTML
<!-- Headings using normal HTML heading tag -->
<h1>h1. Bootstrap heading</h1>

<!-- Headings using bootstrap h1 to h6 classes -->
<p class="h1">h1. Bootstrap heading</p>