#hero-unit

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