How to use HTML <small> element in HTML headings to lighter text in heading with Bootstrap

1 Answer

0 votes
<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet"
        href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>

<body>

<div class="container">
    <h1>h1 Bootstrap <small>Bootstrap lighter text</small></h1>
    <h2>h2 Bootstrap <small>Bootstrap lighter text</small></h2>
    <h3>h3 Bootstrap <small>Bootstrap lighter text</small></h3>
    <h4>h4 Bootstrap <small>Bootstrap lighter text</small></h4>
    <h5>h5 Bootstrap <small>Bootstrap lighter text</small></h5>
    <h6>h6 Bootstrap <small>Bootstrap lighter text</small></h6>
</div>

</body>
</html>

 



answered Jul 1, 2017 by avibootz

Related questions

1 answer 208 views
1 answer 225 views
1 answer 225 views
1 answer 238 views
1 answer 325 views
...