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

  • 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:

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.

主站蜘蛛池模板: 吴桥县| 新安县| 桐乡市| 阿城市| 陇川县| 光泽县| 曲水县| 商都县| 马鞍山市| 疏勒县| 文成县| 成都市| 连平县| 沙田区| 平顺县| 德惠市| 慈溪市| 五大连池市| 康定县| 拉萨市| 漯河市| 遂川县| 万荣县| 黑龙江省| 云林县| 瓮安县| 扎囊县| 扶余县| 瓮安县| 来安县| 乌兰浩特市| 清原| 晋宁县| 呼伦贝尔市| 竹北市| 淅川县| 威远县| 建湖县| 布拖县| 北海市| 皮山县|