color

<html>
    <head>
        <!-- all i need for working with bootstrap -->
        <title>Boot Strap 4 - example </title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.js"></script>
    </head>
    <body>
        <div class="container">
            <p class="text-muted">muted</p>
            <p class="text-primary">important</p>
            <p class="text-success">Successs</p>
            <p class="text-info">Info</p>
            <p class="text-warning">Warning</p>
            <p class="text-danger">Danger</p>
            <p class="text-secondary">Secondary</p>
            <p class="text-dark">Dark</p>
            <p class="text-light">Light</p>
            <hr>
            <p class="bg-muted text-white">muted</p>
            <p class="bg-primary text-white">primary</p>
            <p class="bg-success text-white">success</p>
            <p class="bg-info text-white">info</p>
            <p class="bg-warning text-white">warning</p>
            <p class="bg-danger text-white">danger</p>
            <p class="bg-secondary text-white">secondary</p>
            <p class="bg-dark text-white">dark</p>
            <p class="bg-light text-white">light</p>
        </div>
    </body>
</html>