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

Adding Polish with Bootstrap Components

Our view looks pretty good—certainly better than what we might achieve in the same amount of time without Bootstrap—but it could be better. For example, the header text is a bit too large, no clear distinction exists between the three sections of the view, and the credit card info is a bit jumbled, since all the text uses the same size and weight font.

We’d like to distinguish parts of the view to make it easier for the user to visually navigate. If you look through Bootstrap’s documentation, you can get some inspiration as to how we can do this. The trick with complex forms is allow users to navigate all the data with their eyes. We can get a long way with the panel component, which is a box surrounding ...

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