Create a heading inside the media object with Bootstrap



To create a heading inside the media object, use the .media-heading class:

Example

Live Demo

<!DOCTYPE html> <html>    <head>       <title>Bootstrap Example</title>       <link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">       <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>       <script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>    </head>    <body>       <div class = "container">          <h2>Google Tag Manager Tutorial</h2>             <div class = "media">                <div class="media-left">                   <img src = "https://www.tutorialspoint.com/latest/Google-Tag-Manager.png" class="media-object" style="width:60px">                </div>                <div class = "media-body">                <h4 class = "media-heading">Definition</h4>                <p>Google Tag Manager (GTM) is a free tool that makes it easy for marketers to add and update website tags.</p>             </div>          </div>       </div>    </body> </html>
Updated on: 2020-06-12T19:26:47+05:30

138 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements