الالوان في BootStrapBootstrap Colors

<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>

<div class="bg-primary bg-gradient text-white mt-3">primary gradient</div>

<div class="container">
      <p>Use the contextual classes to provide "meaning through colors":</p>
      <p class="text-muted">This text is muted.</p>
      <p class="text-primary">This text is important.</p>
      <p class="text-success">This text indicates success.</p>
      <p class="text-info">This text represents some information.</p>
      <p class="text-warning">This text represents a warning.</p>
</div>

<div class="bg-danger text-white-50">Text Opacity 50%</div>
<div class="bg-warning text-black-50">Text Opacity 50%</div>