Text Formatting Classes

Sub Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima beatae sapiente excepturi dolorum recusandae. Obcaecati fuga quaerat perspiciatis itaque totam veniam architecto porro.



Text Formatting Classes

Sub Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima beatae sapiente excepturi dolorum recusandae. Obcaecati fuga quaerat perspiciatis itaque totam veniam architecto porro.



Text Formatting Classes

Sub Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima beatae sapiente excepturi dolorum recusandae. Obcaecati fuga quaerat perspiciatis itaque totam veniam architecto porro.



Text Formatting Classes

Sub Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima beatae sapiente excepturi dolorum recusandae. Obcaecati fuga quaerat perspiciatis itaque totam veniam architecto porro.



Text Formatting Classes
  • Orange
  • Apple
  • Banana
  • Grapes

Sub Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima beatae sapiente excepturi dolorum recusandae. Obcaecati fuga quaerat perspiciatis itaque totam veniam architecto porro.



Text Formatting Classes
  • Orange
  • Apple
  • Banana
  • Grapes

Sub Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima beatae sapiente excepturi dolorum recusandae. Obcaecati fuga quaerat perspiciatis itaque totam veniam architecto porro.



"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possi praesentium veritatis illum!"



Exported from Notepad++
<!DOCTYPR html> <html lang="en"> <head> <meta charset="UTF-8"> <title>BootStrap</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous"> <style> .container{ border:1px solid black; } .row{ border:1px solid red; } </style> </head> <body> <!-- user-select --> <!-- user-select-all --> <!-- user-select-none --> <!-- user-select-auto --> <div class="container"> <h6 class="mt-3 mb-5 text-center display-4">Text Formatting Classes</h6> <div class="row"> <div class="col-md-4 py-3 "> <h3 class="text-danger">Sub Heading </h3> <p class="lead user-select-none">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima beatae sapiente excepturi dolorum recusandae. Obcaecati fuga quaerat perspiciatis itaque totam veniam architecto porro.</p> </div> </div> </div></br></br> <div class="container"> <h6 class="mt-3 mb-5 text-center display-4">Text Formatting Classes</h6> <div class="row"> <div class="col-md-4 py-3 "> <h3 class="text-danger">Sub Heading </h3> <p class="lead user-select-auto">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima beatae sapiente excepturi dolorum recusandae. Obcaecati fuga quaerat perspiciatis itaque totam veniam architecto porro.</p> </div> </div> </div></br></br> <div class="container"> <h6 class="mt-1 mb-2 text-center display-4">Text Formatting Classes</h6> <div class="row"> <div class="col-md-4 py-3 "> <h3 class="text-danger">Sub Heading </h3> <p class="lead user-select-all">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima beatae sapiente excepturi dolorum recusandae. Obcaecati fuga quaerat perspiciatis itaque totam veniam architecto porro.</p> </div> </div> </div></br></br> <!-- display-1 font size --> <!-- display-1 --> <!-- display-2 --> <!-- display-3 --> <!-- display-4 --> <!-- lead for pharagraph --> <div class="container"> <h6 class="mt-3 mb-5 text-center display-4">Text Formatting Classes</h6> <div class="row"> <div class="col-md-4 py-3 mx-auto"> <h3 class="text-danger">Sub Heading </h3> <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima beatae sapiente excepturi dolorum recusandae. Obcaecati fuga quaerat perspiciatis itaque totam veniam architecto porro.</p> </div> </div> </div></br></br> <!-- list style Classes --> <!-- list-unstyled --> <div class="container"> <h6 class="mt-3 mb-5 text-center display-3">Text Formatting Classes</h6> <div class="row"> <div class="col-md-4 "> <ul class="list-unstyled"> <li>Orange</li> <li>Apple</li> <li>Banana</li> <li>Grapes</li> </ul> </div> <div class="col-md-4 py-3 "> <h3 class="text-danger">Sub Heading </h3> <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima beatae sapiente excepturi dolorum recusandae. Obcaecati fuga quaerat perspiciatis itaque totam veniam architecto porro.</p> </div> </div> </div></br></br> <!-- list-inline --> <div class="container"> <h6 class="mt-3 mb-5 text-center display-2">Text Formatting Classes</h6> <div class="row"> <div class="col-md-4 "> <ul class="list-inline"> <li class="list-inline-item">Orange</li> <li class="list-inline-item">Apple</li> <li class="list-inline-item">Banana</li> <li class="list-inline-item">Grapes</li> </ul> </div> <div class="col-md-4 py-3 "> <h3 class="text-danger">Sub Heading </h3> <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima beatae sapiente excepturi dolorum recusandae. Obcaecati fuga quaerat perspiciatis itaque totam veniam architecto porro.</p> </div> </div> </div></br></br> <!-- blockquote --> <div class="container"> <div class="row"> <div class="col-12"> <blockquote> <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possi praesentium veritatis illum!"</p> <footer class="blockquote-footer">-- Yahoo Baba</footer> </blockquote> </div> </div> </div></br></br> </body> </html>