Convert paragraph all text to uppercase using bootstrap classes in HTML,PHP

How to make webpage inside all text to uppercase with bootstrap text-uppercase class.

In this tutorial we are using bootstrap text-uppercase class which will automatically changes all the normal text to upper case without affecting the text style. So here is the complete step by step tutorialf or Convert paragraph all text to uppercase using bootstrap classes in HTML,PHP.

How to Convert paragraph all text to uppercase using bootstrap classes in HTML,PHP.

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

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Uppercase 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-uppercase">This is uppercase text</h1>

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

</body>
</html>

Screenshot:

Convert paragraph all text to uppercase using bootstrap classes in HTML,PHP

Leave a Reply

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