官术网_书友最值得收藏!

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:

Turning links into buttons

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.

主站蜘蛛池模板: 和平区| 逊克县| 麦盖提县| 玉环县| 竹北市| 佳木斯市| 常山县| 云安县| 永年县| 文山县| 伊宁县| 镇巴县| 叙永县| 陵川县| 乾安县| 翼城县| 会宁县| 江津市| 潜山县| 灌阳县| 丹东市| 剑川县| 灌云县| 富平县| 康定县| 黄大仙区| 宁陵县| 海丰县| 米易县| 织金县| 紫金县| 靖远县| 桃园市| 贞丰县| 汕头市| 上栗县| 古田县| 崇明县| 蒙城县| 金寨县| 榕江县|