1.添加图片:
<a href="#">![](/statics/codecamp/images/relaxing-cat.jpg)</a>
class属性,img-responsive可以让图片自适应屏幕大小
smaller-image:图片会变小
thick-green-border:图片加一圈绿色
2.文字
text-red:红色字体
text-center:居中
3.按钮
<button class="btn">Like</button>
btn属性,一种按钮的形式
btn-blcok充满整个屏幕
btn-primary浅蓝色
btn-info天蓝色
btn-danger红色,警告
使用 .btn-block来创建填满整行的按钮吗?你可以使用span 标签来创建一个充满整行的内联元素。
fa fa-paper-plane纸飞机图标
4.屏幕分布
xs超小
md中等
Font Awesome是一个方便的图标库。 这些图标都是矢量图形,以.svg文件格式存储。
Bootstrap 有一个well属性,它能是你创建的列有一种视觉深度的层次感。
网友评论