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

Summary

Take a moment to scroll back and forth through our page, appreciating its details and resizing it to see how it adjusts to viewport dimensions.

When we consider the variety of features packed into this page - and that they all work responsively across desktop-, tablet-, and phone-sized viewports - it's not a bad accomplishment!

To recap, we have given our client a beautiful, one-page marketing site with a large welcome section using Bootstrap's jumbotron styles, a bold background image, and responsive customizations, a features list making use of large-sized Font Awesome icons, a section of customer reviews with images and captions laid out in the masonry format, which adapts beautifully across viewports. We ended up with a signup section ...

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