<h2>
构成的二级标题
<p>
构成的段落。沙盒展示 Bootstrap 框架下基本的文本格式、列表、表格、图像、代码规则。
这里的文字点击会产生带有一个图片的 popover 来表示内容,使用 nowrap 可以避免空格断行。
这里一个
<br>
放在了本段的本句话前,表示段内跨行。点击这里会产生一个 modal。
上方是
<hr>
构成的分割线。
<h3>
构成的三级标题
一个新的
<p>
构成的段落,这里用于填充可用空间,展示对周围内容的影响。可见,本段将多次地使用,以追踪文档流的变化。
<blockquote>
块引用
下面展示一个块引用
带有
blockquote
类的<blockquote>
构成的块引用,这里是引用文字,用<p>
包裹。
<ul>
、
<ol>
、
<dl>
列表
一个新的
<p>
构成的段落,是用于显示较常重复内容的较短版本。下面是一个
<ul>
无序列表。
- 第 1 项
- 第 2 项,加长一点说明以展示对周围内容的影响
- 第 3 项,最后一项
下面是一个
<ol>
有序列表。
- 第 1 项
- 第 2 项,加长一点说明以展示对周围内容的影响
- 第 3 项,最后一项
下面是一个
<dl>
定义列表。
- 超文本标记语言 (HTML)
- 描述和定义一个页面的语言
- 层叠样式表 (CSS)
- 描述网页样式的文件
- JavaScript (JS)
- 建立高级网页和程序的编程语言
内联样式
<a>
内联链接
HTML 定义了一系列内联标签,完整标签列表可在 Mozilla Developer Network 中找到。
内联文本样式
-
加粗
使用
<strong>
-
斜体
使用
<em>
-
强调,如
HTML
使用
<abbr>
,并可选title
属性标明全称 -
Citations, like
— Mark Otto
, should use
<cite>
. -
Deletedtext should use<del>
and inserted text should use<ins>
. -
Superscript
text
uses
<sup>
and subscript text uses<sub>
.
Item 3
This is some placeholder content for the scrollspy page. Note that as you scroll down the page, the appropriate navigation link is highlighted. It's repeated throughout the component example. We keep adding some more example copy here to emphasize the scrolling and highlighting.
Keep in mind that the JavaScript plugin tries to pick the right element among all that may be visible. Multiple visible scrollspy targets at the same time may cause some issues.
Item 3-1
This is some placeholder content for the scrollspy page. Note that as you scroll down the page, the appropriate navigation link is highlighted. It's repeated throughout the component example. We keep adding some more example copy here to emphasize the scrolling and highlighting.
Keep in mind that the JavaScript plugin tries to pick the right element among all that may be visible. Multiple visible scrollspy targets at the same time may cause some issues.
Item 3-2
This is some placeholder content for the scrollspy page. Note that as you scroll down the page, the appropriate navigation link is highlighted. It's repeated throughout the component example. We keep adding some more example copy here to emphasize the scrolling and highlighting.
Keep in mind that the JavaScript plugin tries to pick the right element among all that may be visible. Multiple visible scrollspy targets at the same time may cause some issues.