把重要的内容链接转换成突出显示的按钮很简单。为此要用到如下几个关键的类:

  • btn类用于把链接变成按钮的样式;

  • btn-primary类用于把按钮变成主品牌颜色;

  • pull-right类用于把链接浮动到右侧,使其占据更大的空间,从而更便于发现和点击。

把上述这几个类添加到三个内容块末尾的链接上:

<p><a class="btn btn-primary pull-right" href="#">See our portfolio</a></p>

保存并刷新,应该能够看到类似下图所示的结果:

{%}

我们又前进了一大步。关键的内容元素已经基本成型了。

在基本的标记结构就位的条件下,接下来可以进行微调了。为此需要用到自定义的CSS,而我们要借此机会体验一下Bootstrap的LESS文件的强大威力。不熟悉LESS也不必担心,我会一步一步教你怎么做。

30:00