How to change p tag color and apply different color using Bootstrap.

Bootstrap gives us multiple types of classes which applies with P ( Paragraph ) tag. These classes make our p tag inside text responsive. So here is the complete step by step tutorial for Create responsive paragraph tag with multiple colors using Bootstrap classes in HTML,PHP.

How to Create responsive paragraph tag with multiple colors using Bootstrap classes in HTML,PHP.

Code for p-tag-multiple-colors.html file.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Paragraph tag</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

</head>

<body>

<div class="container">

<p class="text-muted">This is Demo Sample Text.</p>
<p class="text-primary">This is Demo Sample Text.</p>
<p class="text-success">This is Demo Sample Text.</p>
<p class="text-info">This is Demo Sample Text.</p>
<p class="text-warning">This is Demo Sample Text.</p>
<p class="text-danger">This is Demo Sample Text.</p>
 
</div>
</body>
</html>

Screenshot: