Figure 7.8 The user show page with a custom Gravatar.

content (such as sidebars) that complements the rest of the page but can also stand alone. We include row and span4 classes, which are both part of Bootstrap. The code
for the modified user show page appears in Listing 7.14.

With the HTML elements and CSS classes in place, we can style the profile page (including the sidebar and the Gravatar) with the SCSS shown in Listing 7.15. (Note the nesting of the table CSS rules, which works only because of the Sass engine used by the asset pipeline.) The resulting page is shown in Figure 7.9.