color green bootstrap code example

Example 1: bootstrap text color

<p class="text-primary">.text-primary</p>
<p class="text-secondary">.text-secondary</p>
<p class="text-success">.text-success</p>
<p class="text-danger">.text-danger</p>
<p class="text-warning">.text-warning</p>
<p class="text-info">.text-info</p>
<p class="text-light bg-dark">.text-light</p>
<p class="text-dark">.text-dark</p>
<p class="text-muted">.text-muted</p>
<p class="text-white bg-dark">.text-white</p>

Example 2: bootstrap color variants

/* colors in bootstrap */
color : #007bff; /* primary */
color : #6c757d; /* secondary */
color : #28a745; /* success */
color : #ffc107; /* warning */
color : #dc3545; /* danger */
color : #17a2b8; /* info */
color : #f8f9fa; /* light */
color : #343a40; /* dark */

Example 3: change bootstrap background color

<style type="text/css">
   body { background: navy !important; } /* Adding !important forces the browser to overwrite the default style applied by Bootstrap */
</style>