Bootstrap - Heroes Demo

Quiz

What is a heroes?

A heroes in Bootstrap is a large, full-width container use to represents images, a title, a brief description, buttons, and more. They make your homepage look better and give clear instructions on what visitors should do next.

Some of the examples of the heroes are as follows.

Example	Description	Download link
Centered hero	This example shows the hero section at the center positions.	Download
Centered screenshot	This example shows a centered screenshot within a hero section on a webpage.	Download
Responsive left-aligned hero with an image	This example shows a left-aligned hero section with an image.	Download
Border hero with cropped and shadows image	This example shows a hero section with a bordered and shadowed image on one side and text content on the other.	Download
Vertically centered heroes with form	This example shows a vertically centered hero section with a form.	Download
Dark color hero	This example shows a dark colored hero section for a website.	Download

Print Page