#bootstrap header

[divinector]

Bootstrap slider with text animation Get Code from divinectorweb website

[divinector]

Bootstrap 4 Header Get code on divinectorweb website

[bootstrapresponsive]

Headings - Hero unit

The hero-unit class calls in Bootstrap CSS rules that scale up font sizes, creating a welcome message that can't be missed. You'll note that things aren't too large outside the hero-unit in the headings and paragraphs below. Here live example 

As seen in the example, you can set the width of the header to the full width of the screen just by changing the structure of the html code.

You can change the width of the hero-unit by wrapping in standard class="span.." and add any items such as the Sign in form  as shown in the example

Live demo

Change hero-unit background color

You can change padding spacing, and background color in the stylesheet

.hero-unit { padding: 60px;/* CHANGE PADDING HERE*/ margin-bottom: 30px; font-size: 18px; font-weight: 200; line-height: 30px; color: inherit; background-color: #eeeeee; /* CHANGE BACKGROUND HERE*/ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

Ome more Bootstrap heading element is class .page-header

It is suitable for sub-pages or sections heading titles, has a large font headlines and separated from content by the margins and bottom border

Live demo