Convert all text to lowercase using bootstrap classes in HTML,PHP

 How to create all web page text to lowercase with text-lowercase bootstrap class.

Bootstrap text-lowercase class is used to converts the text style and make the all tags inside text to lower case. So here is the complete step by step tutorial for Convert all text to lowercase using bootstrap classes in HTML,PHP.

How to Convert all text to lowercase using bootstrap classes in HTML,PHP.
https://www.android-examples.com/demo/heading-tag.html
Code for lowercase.html file.

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>lowercase text</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">

<h1 class="text-lowercase">H1 LOWERCASE text</h1>

<p class="text-lowercase">This is Demo P tag Sample Text example.</p><br>
 
</div>

</body>
</html>

Screenshot:

Convert all text to lowercase using bootstrap classes in HTML,PHP

Leave a Reply

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