VOOZH about

URL: https://www.geeksforgeeks.org/bootstrap/bootstrap-5-reboot-headings-and-paragraphs/

⇱ Bootstrap 5 Reboot Headings and Paragraphs - GeeksforGeeks


  • Courses
  • Tutorials
  • Interview Prep

Bootstrap 5 Reboot Headings and Paragraphs

Last Updated : 23 Jul, 2025

Bootstrap 5 Reboot Headings and paragraphs are used for removing the default margin that has been provided by HTML header tags which are margin-bottom: .5rem and for paragraph margin-bottom: 1rem. If we attach CDN links and use a header and paragraph tag then the margin will be removed.

BootStrap5 Reboot Headings and paragraphs Class: There is no class for this, only the HTML header & paragraph tag play the role.

Syntax:

<h1-h6>Text</h1-h6> 
<p>Text</p>

Examples of Rebooting Headings and Paragraphs in Bootstrap

The below examples illustrate the BootStrap5 Reboot Headings and paragraphs:

Example 1: In this example, we will see .5rem spacing removed from Headings by using Bootstrap.

Output:

👁 BootStrap 5 Reboot Headings and paragraphs
BootStrap5 Reboot Headings and paragraphs

Example 2: In this example, we imports Bootstrap 5 via CDN, showcasing a green <h1> with "GeeksforGeeks", a strong tag for emphasis, and a paragraph describing Geekforgeeks.

Output:

👁 BootstrapHeading-and-Pergraph

Reference: https://getbootstrap.com/docs/5.0/content/reboot/#headings-and-paragraphs

Comment

Explore