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

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.

主站蜘蛛池模板: 莆田市| 海安县| 宜黄县| 竹溪县| 都匀市| 普格县| 平度市| 衡山县| 和平县| 江油市| 吴川市| 英德市| 普兰店市| 嘉祥县| 小金县| 上林县| 延津县| 湟源县| 吕梁市| 新宾| 札达县| 嵊泗县| 乐平市| 长治市| 巧家县| 邹城市| 辰溪县| 凤城市| 麻江县| 桦南县| 云龙县| 栾川县| 九寨沟县| 望江县| 全州县| 水城县| 黄陵县| 达州市| 时尚| 读书| 阜新|