Answers for "div color bootstrap"

47

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>
Posted by: Guest on March-20-2020
15

bootstrap color

primary - #007bff
secondary - #6c757d
success - #28a745
danger - #dc3545
warning - #ffc107
info - #17a2b8
light - #f8f9fa
dark - #343a40
muted - #6c757d
white - #ffffff
Posted by: Guest on November-06-2020
1

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 */
Posted by: Guest on May-18-2021
-1

bootstrap bg colors

<p><a href="#" class="text-primary">Primary link</a></p>
<p><a href="#" class="text-secondary">Secondary link</a></p>
<p><a href="#" class="text-success">Success link</a></p>
<p><a href="#" class="text-danger">Danger link</a></p>
<p><a href="#" class="text-warning">Warning link</a></p>
<p><a href="#" class="text-info">Info link</a></p>
<p><a href="#" class="text-light bg-dark">Light link</a></p>
<p><a href="#" class="text-dark">Dark link</a></p>
<p><a href="#" class="text-muted">Muted link</a></p>
<p><a href="#" class="text-white bg-dark">White link</a></p>
Posted by: Guest on September-01-2020
2

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>
Posted by: Guest on July-25-2020
4

bootstrap color a div

use something like :
<div class="container alert alert-success">
   <div class="row">
      <div class="col">I'm your content inside the grid!</div>
   </div>
</div>
Posted by: Guest on March-15-2020

Browse Popular Code Answers by Language