Articles → BOOTSTRAP → Contextual Color Classes For Text In Bootstrap

Contextual Color Classes For Text In Bootstrap






What Are Contextual Colors?





Example




<!DOCTYPE html>
<html>
   <head>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="bootstrap.css" />
   </head>
   <body>
      <p class="text-muted">Text with text-muted class</p>
      <p class="text-primary">Text with text-primary class</p>
      <p class="text-success">Text with text-success class</p>
      <p class="text-info">Text with text-info class</p>
      <p class="text-warning">Text with text-warning class</p>
      <p class="text-danger">Text with text-danger class</p>
   </body>
</html>



Output


Picture showing the output of the contextual color classes for text in bootstrap
Click to Enlarge


Posted By  -  Karan Gupta
 
Posted On  -  Wednesday, September 1, 2021

Query/Feedback


Your Email Id
 
Subject
 
Query/FeedbackCharacters remaining 250