首页 > 代码库 > 基于Bootstrap的页面排版知识
基于Bootstrap的页面排版知识
标题:
Bootstrap定义了所有HTML的标题样式,<h1>...<h6>标签或者在标签内加入.h1 class等可以得到一样的效果
效果:
副标题:
标签<small>或者添加.small class
效果:
缩写:
<abbr>标签,title属性中写全称
<abbr title="World Trade Organization">WTO</abbr>
当鼠标移动到文本上时显示:
列表:
.list-unstyled class的应用(去除列表前面的样式)
效果:
.list-inline class(列表会显示在一行上)
效果:
.dl-horizontal class应用于定义列表
效果:
更多的类
.lead 突出显示
.text-left 文本左对齐
.text-center 文本居中对齐
.text-right 文本右对齐
.tetx-nowrap 文本段落不换行
.text-justify 自动换行
.text-uppercase 文本大写
.text-lowercase 文本小写
.text-capitalize 首字母大写
基于Bootstrap的页面排版知识
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。