Bootstrap Renkler

Bootstrap dilinde arkaplan ve yazıların renklerini belirlemek için class(sınıf)'lar bulunmaktadır. Bu sınıfların neler olduğu hakkında bilgi verelim.

Bootstrap Arkaplan Renkleri

Bootstrap ile bootstrap ögelerinin arkaplanlarına belirli class'larla renkler eklenebilmektedir. Bootstrap arkaplan renk sınıfları :

  • bg-primary
  • bg-success
  • bg-info
  • bg-warning
  • bg-danger
  • bg-secondary
  • bg-dark
  • bg-light

Kullanımı :

<p class="bg-primary">

Bootstrap ile arkaplan rengi

</p>

Bootstrap Yazı Renkleri

Bootstrap ile yazı renklerini belirlemek için kullanılan sınıflar bulunmaktadır. Bootstrap yazı renk sınıfları : 

  • text-muted
  • text-primary
  • text-success
  • text-info
  • text-warning
  • text-danger
  • text-secondary
  • text-white
  • text-dark
  • text-body
  • text-light

Kullanımı :

<p class="text-success">

Bootstrap ile arkaplan rengi

</p>

Renkler kod:

<p class="text-muted"> Bootstrap ile text-muted rengi </p>
<p class="text-primary"> Bootstrap ile text-primary rengi </p>
<p class="text-success"> Bootstrap ile text-success rengi </p>
<p class="text-info"> Bootstrap ile text-info rengi </p>
<p class="text-warning"> Bootstrap ile text-warning rengi </p>
<p class="text-danger"> Bootstrap ile text-danger rengi </p>
<p class="text-secondary"> Bootstrap ile text-secondary rengi </p>
<p class="text-white"> Bootstrap ile text-white rengi </p>
<p class="text-dark"> Bootstrap ile text-dark rengi </p>
<p class="text-body"> Bootstrap ile text-body rengi </p>
<p class="text-light"> Bootstrap ile text-light rengi </p>