Creating Google-Style Search Results Without Tables

If you were styling this application on your own, the prospect of building a customized, nontabular search results page (like Google’s, for example) would not be very appealing. You’d need to figure out the layout, design, and CSS to get it just right. But because you’re probably always under pressure to ship your software and move on to the next feature, you 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 Bootstrap’s list group component. This component renders information in a list, but allows us to format what is in each ...

Get Rails, Angular, Postgres, and Bootstrap, 2nd Edition 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.