O'Reilly logo

Rails, Angular, Postgres, and Bootstrap 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

Using Bootstrap’s Grid

Bootstrap’s grid is quite powerful, especially if you’ve never used one before. In this section, we’ll build the layout for our view using Bootstrap’s grid. As we saw in the previous section, our layout starts with two equal-sized grid cells: one that holds the customer information and shipping address, and the other that holds the billing information.

First, we’ll create these cells, which will demonstrate the various CSS classes needed to enable Bootstrap’s grid. Then, we’ll see how the grid can nest within itself to lay out the customer information and shipping address as a grid-within-a-grid.

Laying Out the Two Main Columns

The most obvious grid in our design is one that holds the two main columns, each taking half ...

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