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>