How to: Bootstrap change background color

You can easily change the background color in bootstrap by using .bg-* color classes

.bg-primary
.bg-secondary
.bg-success
.bg-danger
.bg-warning
.bg-info
.bg-light
.bg-dark 
        
            
          <div class="bg-primary"></div>
          <div class="bg-secondary"></div>
          <div class="bg-success"></div>
          <div class="bg-danger"></div>
          <div class="bg-warning"></div>
          <div class="bg-info"></div>
          <div class="bg-light"></div>
          <div class="bg-dark"></div>

The full palette of over 300 colors can be found in the Color Documentation.