Today I have learned Boostarp text color and text background color in javascript

 Boostarp text color and text background color in javascript

 Bootstrap text color is a set of colors that can be used to change the font's color. A text area can also be set up to change color when a mouse hovers over it.

Similar to the contextual text color classes, set the background of an element to any contextual class. Background utilities do not set color, so in some cases you’ll want to use .text-* color utilities.

Contextual text classes also work well on anchors with the provided hover and focus states. Note that the .text-white and .text-muted class has no link styling.

Similar to the contextual text color classes, easily set the background of an element to any contextual class. Anchor components will darken on hover, just like the text classes. Background utilities do not set color, so in some cases you’ll want to use .text-* utilities.

 <p class="text-success">I am dhisha and My hobby is reading books</p>

        <p class="text-info">apple</p>

        <p class="text-warning">banana</p>

        <p class="text-warning">orange</p>

        <p class="text-secondary">grapes</p>

        <p class="text-body">pineapple</p>

        <p class="text-body">kiwi</p>

        <p class="text-light">carrot</p>

        <p class="text-white">betroot</p>

        <p class="text-primary">beans</p>

        <br></br>

        <p class="text-bg-dark">tomato</p>

        <p class="text-bg-light">cabbage</p>

        <p class="text-bg-secondary">onion</p>

        <p class="text-bg-danger">broccoli</p>

        <p class="text-bg-warning">capsicum</p>

        <p class="text-bg-info">cauliflower</p>

        <p class="text-bg-success">corn</p>

        <p class="text-bg-primary">garlic</p>

        <p>bittergourd</p>

        <p>potato</p>

        <p>pumpkin</p>

        <p>mushroom</p>

        <p>brinjal</p>

OUTPUT: