Creating Google-Style Search Results Without Tables

If we were styling this application on our own, the prospect of a customized, nontabular search results page (like Google’s, for example) would not be very appealing. We’d need to figure out the layout, design, and CSS to get it just right. Since we’re always under pressure to ship our software and move on to the next feature, we might not be able to spend the time to give the user a better experience.

Bootstrap provides many components that make it easy to at least attempt something different, without a huge time investment. Let’s try using the list group component. This component renders information in a list, but allows us to format what’s in each list item with more flexibility than 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.