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

BootStrap Typography other classes كلاسات طباعة اخرى في bootstrap

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

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

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

الصف 1 شرح توضيحي

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


الجدول التالي يوضح اهم هذه الكلاسات.

الكلاس list-inline & .list-inline-item mark small blockquote
الاستخدام يضع كل عناصر القائم على خط واحد تظليل النص انشاء نص ثانوي صغير عند اقتباس اي نص
الكلاس text-end text-start lead text-center
الاستخدام محاذاة النص الى اليمين محاذاة النص الى اليسار جعل النص بارزا محاذاة النص في المنتصف
الكلاس text-lowercase text-decoration-none text-break text-uppercase
الاستخدام جعل النص بحروف صغيرة ازالة الخط الموجود اسفل عنصر اللينك منع النص الطويل من الاستمرار خارج العنصر جعل النص بحروف كبيرة
الكلاس initialism text-capitalize
الاستخدام abbr يعرض النص داخل عنصر تكبير اول حرف في كل كلمة



Typography other classes examples

امثلة على كلاسات typography في bootstrap.

HTML
<div class="container">
          <p class="lead">This paragraph Leads</p>
          <p class="mark">This one is highlighted</p>
          <blockquote class="blockquote"><p class="blockquote-footer">This is a quote</p></blockquote>
          <ul class="list-inline">
            <li class="list-inline-item">HTML</li>
            <li class="list-inline-item">CSS</li>
            <li class="list-inline-item">JavaScript</li>
          </ul>
</div>