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

Chapter 5. Bootstrappin' Your Portfolio

Let's imagine we're ready for a fresh design of our online portfolio. As always, time is scarce. We need to be efficient, but the portfolio has to look great. And of course, it has to be responsive. It should work across devices of various form factors, since this is a key selling point for our prospective clients. This project will enable us to leverage a number of Bootstrap's built-in features, even as we customize Bootstrap to suit our needs.

What we'll build

We've thrown together a couple of home page mock-ups. Though we have in mind what we want for large screens, we've begun with a handheld screen size to force ourselves to focus on the essentials.

You'll notice the following features:

  • A collapsed responsive ...

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