Bootstrap

作者: 冰西瓜大郎 | 来源:发表于2017-10-01 07:57 被阅读0次

    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属性,它能是你创建的列有一种视觉深度的层次感。
    

    相关文章

      网友评论

          本文标题:Bootstrap

          本文链接:https://www.haomeiwen.com/subject/kucpextx.html