bootstrap3学习笔记1-排版

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,776评论 32 459
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,264评论 19 139
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,934评论 0 17
  • Bootstrap是什么? 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 13,745评论 3 184
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,742评论 1 41

友情链接更多精彩内容