Chapter 4Create Clean Search Results with Bootstrap Components

The customer search we’ve implemented is using tables to display the results. Tables are a common design component to use, but they aren’t always the best. The reason they are so common isn’t because the results are necessarily tabular, but because tables look decent by default. Everything lines up reasonably well, and the rows and columns nature of tables tends to be usable by default.

Bootstrap provides us with a lot more options than tables to get great-looking results. That’s what we’ll learn in this chapter. We’re going to re-style our results to do two things: first, we’re going to get rid of the tables and create a more Google-like result that formats each customer in a ...

Get Rails, Angular, Postgres, and Bootstrap now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.