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

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.

https://www.android-examples.com/demo/heading-tag.html

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:

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

Leave a Reply

Your email address will not be published. Required fields are marked *