Turning our key content links into visually effective buttons is straightforward. The key classes we'll employ are as follows:
The
btnclass will style a link as a buttonThe
btn-primaryclass will assign a button the color of our primary brand colorThe
pull-rightclass 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.
With our fundamental markup structure in place, we can start working on the finer details. Getting there will require some custom CSS. We're going to approach this by leveraging the power of Bootstrap's LESS files. If you're new to LESS, no worries! I'll walk you through it step by step.