- Bootstrap Site Blueprints
- David Cochran Ian Whitley
- 157字
- 2021-07-16 12:27:41
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.
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.
推薦閱讀
- 計算機網絡與通信(第2版)
- EJB 3.1從入門到精通
- Modern JavaScript Web Development Cookbook
- 物聯網安全:理論、實踐與創新
- Learning QGIS 2.0
- 2018網信發展報告
- Building RESTful Web services with Go
- 網管員必讀:網絡管理(第2版)
- CCNP TSHOOT(642-832)認證考試指南
- Windows Server 2012 Hyper-V虛擬化管理實踐
- 4G小基站系統原理、組網及應用
- 物聯網技術與實踐
- Learning Dart
- 5G智聯萬物:輕松讀懂5G應用與智能未來
- Citrix XenDesktop 5.6 Cookbook