Make an element look like a heading with Bootstrap

---

<p style="">To make an element look like a heading, you can try to run the following code &minus;</p><h2>Example</h2><p><a class="demo" href="http://tpcg.io/Mr0bC9" rel="nofollow" target="_blank">Live Demo</a></p><pre class="prettyprint notranslate">&lt;!DOCTYPE html&gt; &lt;html&gt; &nbsp; &nbsp;&lt;head&gt; &nbsp; &nbsp; &nbsp; &lt;title&gt;Bootstrap Example&lt;/title&gt; &nbsp; &nbsp; &nbsp; &lt;link href = &quot;/bootstrap/css/bootstrap.min.css&quot; rel = &quot;stylesheet&quot;&gt; &nbsp; &nbsp; &nbsp; &lt;script src = &quot;/scripts/jquery.min.js&quot;&gt;&lt;/script&gt; &nbsp; &nbsp; &nbsp; &lt;script src = &quot;/bootstrap/js/bootstrap.min.js&quot;&gt;&lt;/script&gt; &nbsp; &nbsp;&lt;/head&gt; &nbsp; &nbsp;&lt;body&gt; &nbsp; &nbsp; &nbsp; &lt;div class = &quot;container&quot;&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;h1&gt;Planet&lt;/h1&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;h2&gt;Earth&lt;/h2&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;h3&gt;Asia&lt;/h3&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;h4&gt;India&lt;/h4&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;h5&gt;Hyderabad&lt;/h5&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;h6&gt;Madhapur&lt;/h6&gt; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp;&lt;/body&gt; &lt;/html&gt;</pre>

• Related Questions & Answers
• Create a button look like a link with Bootstrap
• Make an element invisible with Bootstrap
• Set Bootstrap Panel with Heading
• Bootstrap panel-heading class
• Create a heading inside the media object with Bootstrap
• Make an image responsive with Bootstrap
• Make an Ordered list with Bootstrap
• Creating a table look-a-like using Tkinter
• Add a title to any heading element in the Bootstrap 4 card
• Get a muted look with .disabled in Bootstrap Pager
• Add a heading container to Bootstrap panel
• Create a list group heading in Bootstrap
• How does a process look like in memory?
• Add a shadow to an element with Bootstrap 4
• Make Definition list with Bootstrap