最新的Web开发教程
 

Bootstrap CSS排版参考


Bootstrap's默认设置

Bootstrap's全局默认font-size是14px的,具有line-height的1.428。

这是应用到<body>和所有段落。

此外,所有的<p>元件具有底部边缘等于一半的计算线高度(默认10px的)。


活版印刷

下面的元素是由不同的自举的样式稍微比浏览器默认的HTML元素。 看看“试试看”的例子,看看结果/差异。

下面的类是用来进一步风格的元素。

元/班 描述
<h1> - <h6>
or
.h1 - .h6
H1 - H6标题 尝试一下
<small> 在创建标题任何一个打火机,辅助文本

标题(次要的文本)

尝试一下
.small 表示较小的文本(设置为父的大小的85%): 更小的文字 尝试一下
.lead 使文本站了出来: 脱颖而出文本 尝试一下
<mark>
or
.mark
亮点文字: 高亮文本 尝试一下
<del> 表示已删除的文字: 删除的文本 尝试一下
<s> 表示不再相关的文字: 不再相关的文字 尝试一下
<ins> 指示插入的文本: 插入的文本 尝试一下
<u> 指示带下划线的文本: 带下划线的文本 尝试一下
<strong> 表示粗体文字: 粗体文本 尝试一下
<em> 指示斜体文本: 斜体文字 尝试一下
.text-left 表示左对齐文本 尝试一下
.text-center 指示居中对齐文本 尝试一下
.text-right 表示右对齐文本 尝试一下
.text-justify 指示对齐文本 尝试一下
.text-nowrap 表示不换行文本 尝试一下
.text-lowercase 指示小写的文字: 小写TEXT 尝试一下
.text-uppercase 指示大写的文本: 大写的文本 尝试一下
.text-capitalize 指示大写文字: 大写文字 尝试一下
<abbr><abbr>元素指示的缩写或缩写。 带有标题缩写属性有虚线下边框悬停帮助光标,提供悬停附加的上下文。 尝试一下
.initialism 显示中的文本<abbr>在一个稍微较小的字体元素 尝试一下
<address> 介绍联系人信息 尝试一下
<blockquote> 指示内容块从另一来源 尝试一下
.blockquote-reverse 指示右对齐内容的块引用 尝试一下
<ul> 表示一个无序列表 尝试一下
<ol> 表示有序列表 尝试一下
.list-unstyled 在删除列表项的默认列表样式和左边距(适用于这两个<ul><ol> 这个类仅适用于直接子列表项(从任何嵌套列表删除默认的列表样式,这个类适用于任何嵌套列表以及) 尝试一下
.list-inline 地方在一行所有列表项 尝试一下
<dl> 指示描述列表 尝试一下
.dl-horizontal 排队中的条款和说明<dl>元素并排侧。 开始了像默认<dl>s ,但是当浏览器窗口展开,将排队侧由端 尝试一下

元/班 描述
<var> 指示变量: x = a b + y 尝试一下
<kbd> 表示是通过键盘输入的典型输入: CTRL + P 尝试一下
<pre> 指示多行代码 尝试一下
<pre class="pre-scrollable"> 指示多行代码在滚动条 尝试一下
<samp> 表示从计算机程序输出样本: 样本输出 尝试一下
<code> 表示的代码内嵌片段: spandiv 尝试一下