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

BootStrap Background Colors الوان الخلفية في BootStrap

ستتعلم في هذا الدرس كيفية تلوين النصوص بسهولة بعد اضافة بعض الكلاسات باستخدام اطار عمل bootstrap.

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

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

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

يحتوي bootstrap على مجموعة كلاسات تستخدم لاضافة خلفية لاي عنصر بالوان تتناسب مع الغرض من هذا العنصر اذا كان عنوان رئيسي او تحذير او معلومات وغيرها.

الكلاس المستخدمة لاعطاء background هو *-bg حيث * هي احد هذه القيم ( primary - secondary - info- success - danger - warning - dark - light - white - body - transparent ).


Background Color Classes

استخدام كلاسات تغيير لون الخلفية.

HTML
<div class="container">
      <h2>Contextual Backgrounds</h2>
      <p>Use the contextual background classes to provide "meaning through colors".</p>
      <p>Note that you can also add a .text-* class if you want a different text color:</p>
      <p class="bg-primary text-white">This text is important.</p>
      <p class="bg-success text-white">This text indicates success.</p>
      <p class="bg-info text-white">This text represents some information.</p>
      <p class="bg-warning text-white">This text represents a warning.</p>
      <p class="bg-danger text-white">This text represents danger.</p>
</div>