O'Reilly logo

Rails, Angular, Postgres, and Bootstrap, 2nd Edition by David B. Copeland

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 9Design Great UIs with Bootstrap’s Grid and Components

At the start of Chapter 8, Create a Single-Page App Using Angular’s Router, you saw a mock-up of the customer detail view. We’re going to build this page now to learn about the true power of Bootstrap—its grid. We’ll also examine some of Bootstrap’s many components, which will allow us to create a polished and visually appealing user interface.

We’ll tackle this topic in three parts. First, I provide some background on grid-based design. This will help you understand why Bootstrap is based on a grid, and how you can break down any UI into grids to make your work easier. Next, you’ll lay out the customer detail screen I hinted at in the previous chapter, using Bootstrap’s grid ...

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