Add a hero unit Bootstrap 2


show more Adding a hero unit provides you with in-depth training on Web. Taught by Jen Kramer as part of the Up and Running with Bootstrap 2 show less
please wait ...

Adding a hero unit

A hero unit is a big area usually spanning the width of a web page that intends to draw user attention. For example, I'm looking at the lynda.com homepage, and this site is not built with a Bootstrap framework, but if it was, this particular area at the top of the page where you see the text here and the video over on the side, this would be considered a hero unit, and we're going to try implementing one of these in the new document that I'm starting for this particular video. So if you go to the new document that I've given you in your exercise files, open that up, we're going to go ahead and add a hero unit to this particular page.

So, we're starting from the very beginning of a Bootstrap document here. So as we've done before, we're going to start by adding a div with a class of container-fluid to have that big wrapping div that goes all the way around the web page, and I'll close that down here at the bottom. And then just as we've been doing all along, ...

Adding a hero unit
Video duration: 6m 10s 2h 38m Beginner

Viewers:

Adding a hero unit provides you with in-depth training on Web. Taught by Jen Kramer as part of the Up and Running with Bootstrap 2

Subject:
Web
Software:
Bootstrap
Author:
please wait ...