Bootstrap

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属性,它能是你创建的列有一种视觉深度的层次感。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容