# Colors

To add color to text, choose a color variable and add it next the the word: text-

  1. primary
  2. secondary
  3. success
  4. danger
  5. warning
  6. info
  7. light
  8. dark
  9. white

# Text colors

Too add color to text, all you need to do is write one of the variables above. For example:

Introduction to Biology

# Here's the HTML
<h1 class="text-danger">Introduction to Biology</h1>

# Background Colors

Background colors are represented with their initials: "bg". Bootstra has many colors we can use to create our backgrounds. After you put the initial, add a hyphen, and then the color variable. For example: "bg-primary".

class="bg-primary"
class="bg-secondary"
class="bg-success"
class="bg-danger"
class="warning"
class="bg-info"
class="bg-light"
class="bg-dark"
class="bg-white"
# Here's the HTML
<div class="bg-primary text-white">bg-primary</div>
<div class="bg-secondary text-white">bg-secondary</div>
<div class="bg-success text-white">bg-success</div>
<div class="bg-danger text-white">bg-danger</div>
<div class="bg-warning">bg-warning</div>
<div class="bg-info text-white">bg-info</div>
<div class="bg-light border">bg-light</div>
<div class="bg-dark text-white">bg-dark</div>
<div class="bg-white border">bg-white</div>

::: theorem Newton's First Law In an inertial frame of reference, an object either remains at rest or continues to move at a constant velocity, unless acted upon by a force.

::: right From Wikipedia ::: :::

WARNING

Tip container of @vuepress/theme-default