- 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.
推薦閱讀
- FreeSWITCH 1.2
- 高校網絡道德教育研究
- Twilio Cookbook
- 走進物聯網
- Windows Server 2003 Active Directory Design and Implementation: Creating, Migrating, and Merging Networks
- 數字通信同步技術的MATLAB與FPGA實現:Altera/Verilog版(第2版)
- 世界互聯網發展報告·2019
- 區塊鏈輕松上手:原理、源碼、搭建與應用
- Metasploit Penetration Testing Cookbook
- 物聯網的機遇與利用
- 華為HCIA-Datacom認證指南
- 智慧的物聯網:感知中國和世界的技術
- 互聯網心理學:新心理與行為研究的興起
- 企業網絡組建與維護項目式教程
- Telerik WPF Controls Tutorial