Bootstrap Site Blueprints

Turning links into buttons

Turning our key content links into visually effective buttons is straightforward. The key classes we'll employ are as follows:

• The btn class will style a link as a button
• The btn-primary class will assign a button the color of our primary brand color
• The pull-right class will float the link to the right, moving it into wider space to make it a more appealing target

Add these classes to the link at the end of each of our three content blocks:

<p><a class="btn btn-primary pull-right" href="#">See our portfolio</a></p>

Save and refresh. You should see the following result:

We've made great progress. Our key elements are taking shape. ...