Bootstrap 5 Text Monospace Last Updated : 24 Nov, 2022 Comments Improve Suggest changes Like Article Like Report Text Monospace is used to change a selection to our monospace font stack with .font-monospace. This font looks like a typewriter print. Bootstrap 5 Text Monospace Class: font-monospace: This class is used to change font stack with .font-monospace. Syntax: <tag class="font-monospace">...</tag> Example 1: Below examples illustrate the Bootstrap 5 Text Monospace. In this example, we will use a font-monospace class on the p tag element. HTML <!DOCTYPE html> <html> <head> <link crossorigin="anonymous" rel="stylesheet" href= "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity= "sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"> </head> <body class=""> <h1 class="text-center text-success"> Geeksforgeeks </h1> <!-- Bootstrap 5 Text Monospace Class used--> <p class="text-center font-monospace"> Bootstrap 5 font-monospace used </p> </body> </html> Output: Example 2: In this example, we will use Bootstrap 5 Text Monospace class on the one p tag element and leave the other one so that you can understand the difference. HTML <!DOCTYPE html> <html> <head> <link crossorigin="anonymous" rel="stylesheet" href= "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity= "sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"> </head> <body class=""> <h1 class="text-center text-success"> Geeksforgeeks </h1> <p> Bootstrap 5 font-monospace not used </p> <p class="font-monospace"> Bootstrap 5 font-monospace used </p> </body> </html> Output: Bootstrap 5 Text Monospace Reference Link: https://getbootstrap.com/docs/5.0/utilities/text/#monospace Comment More infoAdvertise with us Next Article Bootstrap 5 Spacing S skyridetim Follow Improve Article Tags : Web Technologies Bootstrap Bootstrap-5 Similar Reads Bootstrap 5 Navbar Text Navbar Text is used to put some text on the navbar. To do so Bootstrap 5 brings the Bootstrap 5 Navbar Text features. Creating a navbar is obvious when we are creating a website, and putting text on the navbar is required to guide the visitors to the right destination. Navbar Text Class: navbar-text 2 min read Bootstrap 5 Text In this article, we will discuss how to change the alignment, weight, line height, wrapping, font size of the text, and more with the help of Bootstrap 5 utilities. Text alignment: We can use text alignment classes to align the text in different positions in different viewports.Text wrapping and ove 4 min read Bootstrap Text Font Size Bootstrap Text Font Size refers to predefined classes provided by the Bootstrap framework to adjust the size of text elements. These classes, such as `fs-1` to `fs-6`, allow easy control over text size, enhancing readability and visual hierarchy within web pages. .article--viewer .a-wrapper .content 2 min read Bootstrap 5 Spacing The spacing utility is used to assign responsive-friendly margin or padding values to an element or a subgroup of its sides. Padding is the area inside of any div or container, as opposed to a margin, which is the area outside of it. Margin and Padding can be added by adding Bootstrap classes in an 3 min read Bootstrap 5 Text Line height Text Line height classes are used to set the gap between the two lines. there are several classes to set the line height. The default line height of the class is lh-base. Bootstrap 5 Text Line height Classes: ClassDescriptionlh-1Set line height to 1lh-smSet line height to smalllh-baseSet line height 2 min read Bootstrap 5 Float Bootstrap 5 Float classes use the current viewport size to float an element to the left, right, or deactivate floating. !Important is mentioned to prevent issues with specificity. Please be mindful that flex objects are unaffected by float utilities. This is the replacement of CSS float property tha 3 min read Like