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

How to make p tag with responsive text using Bootstrap Contextual backgrounds classes.

In this tutorial we are creating paragraph tag with responsive background colors which makes the paragraph text highlight and shows a specific text inside it to represents something important inside the web page. So here is the complete step by step tutorial for Create responsive paragraph tag with background colors using Bootstrap classes in HTML,PHP.

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

https://www.android-examples.com/demo/heading-tag.html
Code for contextual-backgrounds.html file.

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Contextual backgrounds</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="bg-primary">This is Demo Sample Text.</p>
<p class="bg-success">This is Demo Sample Text.</p>
<p class="bg-info">This is Demo Sample Text.</p>
<p class="bg-warning">This is Demo Sample Text.</p>
<p class="bg-danger">This is Demo Sample Text.</p>

 
</div>
</body>
</html>

Screenshots:

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

Leave a Reply

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