O'Reilly logo

Bootstrap 4 Site Blueprints by Ian Whitley, David Cochran, Bass Jobsen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Viewing the page content

Run the bootstrap watch command and watch the page in your browser at http://localhost:8080/. You'll see the following major components in place. Each component got its own HTML partial. Of course, at present, they will be displayed with default Bootstrap styles, awaiting the customization that needs to be done:

  • A fixed top navbar
  • A jumbotron with a big welcome message
  • A features section with icons, headings, and text organized in three columns
  • The Impact section with photos of six happy customers and placeholder content for their positive testimony
  • A Sign up now! section with three tables laying out the Basic Plan, Premium Plan, and Pro Plan packages, with a Sign up now! button under each
  • A footer logo
  • Photo credits (images ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required