Tweaking the columns and their content

Let's fine-tune the blocks of content under the three headings Welcome!, Recent Updates, and Our Team.

First, let's add the arrow-circle icon to the button in each of these three blocks. Recall that we're using Font Awesome for our icon selection.

  1. Visit the Font Awesome documentation at http://fortawesome.github.io/Font-Awesome/icons/.
  2. You'll find the icon that we're after.
    Tweaking the columns and their content
  3. In index.html, add a span tag with the appropriate classes inside each link. Here is the first one, which I've spaced out by adding an extra carriage return between elements.
    <p> <a class="btn btn-primary pull-right" href="#"> See our portfolio ...

Get Bootstrap Site Blueprints now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.