美文网首页Bootstrap 自学笔记
bootstrap3学习笔记1-排版

bootstrap3学习笔记1-排版

作者: 会飞_的鱼 | 来源:发表于2016-04-24 21:31 被阅读263次

    bootstrap 排版:

    1,标题:有 h1 到 h6 6级大小的标题,若要在标题旁添加子标题,可以嵌套 small 标签

    引导主体副本:添加 class = lead,给段落增加强调文本,是其更大更粗,行高更高

    2,文本强调:small标签 文本大小为父文本大小的85%

    strong标签:文本加粗

    em标签:设置文本为斜体

    text-left :文本左对齐

    text-center:文本居中对齐

    text-right:文本右对齐

    text-muted:文本内容透明度减弱

    text-primary,text-success,text-info,text-warning,text-danger:带颜色的文本

    3,缩写:abbr 元素的样式为显示在文本地步的一条虚线框,鼠标悬停时会显示完整文本,要添加title属性

    如:

    WWW

    4,address标签:在网页上显示联系信息,需为封闭的地址文本添加换行

    5,列表

    有序列表:以数字或字符开头的列表

    无序列表:着重号开头,可用class = list-unstyled 移除着重号样式,可用class = list-inline把所有列表项显示在一行

    定义列表:dl中,每个列表项包含dt和dd元素,可用class = dl-horizontal把dl行中属于和描述并排显示

    6,text-justify:段落中文字超过屏幕部分自动换行

    text-nowrap:段落中超出屏幕部分不换行

    text-lowercase:文本小写

    text-uppercase:文本大写

    capitalize:首字母大写

    pre-scrollable:使pre元素可滚动

    7,引用 blockquote ,pull-left 向左对齐   pull-right:向右对齐

    这是一个向右对齐的引用。Someone famous inSource Title

    相关文章

      网友评论

        本文标题:bootstrap3学习笔记1-排版

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