In Progress
Lesson 13 of 39
In Progress

Headers

Bootstrap has created an HTML component to be used as a page header.

Example:

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
  <body>
    <div class="container">
        <div class="page-header">
            <h1>Chapter 4</h1>
        </div>
    </div>
  </body>
</html>

Output:

KodNest bt44

Page subtitle

To add a subtitle beside the title of the page, we can put it inside the same <h1> wrapped inside a <small></small> tag.

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
  <body>
    <div class="container">
        <div class="page-header">
            <h1>Chapter 4 <small>Bootstrap Page Components </small></h1>
        </div>
    </div>
  </body>
</html>

Output:

KodNest bt45
KodNest Training New Batch is starting on 02nd November 2020. Attend one week free demo classes.Register Now

New Report

Close