Make only first Character-Letter capital using bootstrap css class in html page

How to Capitalized only first letter of every word automatically with text-capitalize class.

In this tutorial we are using bootstrap text-capitalize class which will automatically converts the first letter capital of every word inside that particular tag and also supports all the tags inside HTML . This process are called as Capitalized Text. So here is the complete step by step tutorial for Make only first Character-Letter capital using bootstrap css class in html page.

How to Make only first Character-Letter capital using bootstrap css class in html page.

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

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

<p class="text-capitalize">This is example of capitalize text.</p><br>
 
</div>

</body>
</html>

Screenshot:

Make only first Character-Letter capital using bootstrap css class in html page

One Comment

Leave a Reply

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