Turning our key content links into visually effective buttons is straightforward. The key classes we'll employ are as follows:
btnclass will style a link as a button.
btn-primaryclass will assign a button the color of our primary brand color.
pull-xs-rightclass will float the link to the right, moving it into wider space to make it a more appealing target. The
xspart of the class name means that it should be applied on every viewport wider than the extra-small breakpoint of 0 pixels. The
pull-md-rightclass only floats the elements on viewports wider than 768 px.
Add these classes to the link at the end of each of our three content blocks:
<p><a class="btn btn-primary pull-xs-right" href="#">See our portfolio</a></p> ...