示例小部件
Headings
h1. Heading 1
h2. Heading 2
h3. Heading 3
h4. Heading 4
Body copy
Nullam quis risus的意思是:“我的意思是,我的意思是我的意思。. 与社会有关的生育问题和生育问题,都是必须解决的问题. Nullam表示:“我没有任何车辆。.
与社会有关的生育问题和生育问题,都是必须解决的问题. 无骨铜管无骨铜管无骨铜管. 牙痛,牙痛,牙痛,牙痛,牙痛,牙痛,牙痛,牙痛,牙痛. Donec ullamcorper 无触点,无触点.
Maecenas使用了各种各样的软糖和非软糖. Donec在胚胎中发现了非先天性妊娠门. 牙痛,牙痛,牙痛,牙痛,牙痛,牙痛,牙痛,牙痛,牙痛.
…
Emphasis
使用HTML默认的轻量样式的强调标签.
对于取消强调行内或文本块, 使用小标签.
这行文字要当作小字处理.
这一行文字是要当作小字对待的.
Bold
用于强调使用较重字体粗细的文本片段.
下面的文本片段是 显示为粗体.
以粗体文本呈现
Italics
用于用斜体强调文本片段.
下面的文本片段是 显示为斜体文本.
以斜体文本呈现
and
in HTML5.
是为了突出单词或短语而不传达额外的重要性
主要是语音,技术术语等吗.对齐类
使用文本对齐类轻松地将文本重新对齐到组件.
左对齐文本.
居中对齐.
右对齐文本.
左对齐文本.
居中对齐文本.
右对齐文本.
警报框类
通过一些强调实用程序类的颜色来传达意义.
Alert Title
Etiam porta sem malesuada magna molismod.alert Title
Donec ullamcopper 无触点,无触点.Alert Title
西班牙语:leo quam. 佩伦特风格的装饰物看起来像一个空洞的地方.
alert Title
舌痛是指舌痛,是指舌痛,是指舌痛.Etiam porta sem malesuada magna molismod.
Alert Title
无骨铜管无骨铜管无骨铜管.Alert Title
西班牙语:leo quam. 佩伦特风格的装饰物看起来像一个空洞的地方.Alert Title
舌痛是指舌痛,是指舌痛,是指舌痛.缩写
HTML的程式化实现 元素,以便在悬停时显示扩展版本. 带a的缩写
title
属性具有浅点底边框和悬停时的帮助光标,
在悬停时提供额外的上下文.
对于缩略词长悬停处的扩展文本,请包含 title
attribute.
attribute这个词的缩写是 attr.
attr
Addresses
提供最近的祖先或整个工作的联系信息.
保留格式,以。结束所有行
.
Twitter公司.
福尔松大道795号,600套房
旧金山,加州94107
P: (123) 456-7890
Full Name
first.last@example.com
Blockquotes
用于引用文档中其他来源的内容块.
默认引用
Wrap around any HTML 引用原文. 对于直接报价,我们推荐a
.
Lorem ipsum dolor sit met, consecent adiping elite. 整型姿态值为1.
< /引用>
神的恩赐,神的恩赐,神的恩赐. 整型姿态值为1.
引用选项
样式和内容的变化,在一个标准的blockquote的简单变化.
命名源
Add 标识源的标签. 将源作品的名称包装在
.
Lorem ipsum dolor sit met, consecent adiping elite. 整型姿态值为1.
一个在美国很有名的人 源标题 < /引用>
神的恩赐,神的恩赐,神的恩赐. 整型姿态值为1.
Someone famous 源标题
Pullquote
Wrap around any HTML 引用原文. 对于直接报价,我们推荐a
.
我为我们的第二届毕业生感到骄傲,因为他们表现出了令人难以置信的专业精神, 强烈的职业道德和在整个课程中服侍基督的愿望.
< div class = " pullquote__cite”>— Dr. Marc Sweeney,院长,药学院
Lists
Unordered
订单所包含的项目列表 not 明确的问题.
- 我爱你,我爱你
- 奉献奉献的精英
- 整型molestie lorem at massa
- 设施在溢价是不稳定的
- Nulla volutpat aliquam velit
- 菜豆属
- Purus苏打水
- 前庭,老街,门柱
- 这是一种自由的自由
- 水帘门有褶皱
- 希腊的一名修女
- 让我们来看看波特波特
- …
Ordered
按顺序排列的物品列表 does 明确的问题.
- 我爱你,我爱你
- 奉献奉献的精英
- 整型molestie lorem at massa
- 设施在溢价是不稳定的
- Nulla volutpat aliquam velit
- 水帘门有褶皱
- 希腊的一名修女
- 让我们来看看波特波特
- …
Description
带有相关描述的术语列表.
- 描述列表
- 描述表是定义术语的完美工具.
- Euismod
- 前庭与门舌的关系是:门舌与门舌的关系是:门舌与门舌的关系是:门舌的关系.
- Donec在胚胎中发现了非先天性妊娠门.
- Malesuada门
- Etiam porta sem malesuada magna molismod.
- ...
- ...
Buttons
要将链接样式化为按钮,请沙巴体育类 btn
有相应的 btn--
class.
默认按钮>
默认按钮>
默认按钮>
默认按钮>
默认按钮>
默认按钮>
二级导航
输入元素
Text Input
数字输入
选择输入
News List
News Item 1
新闻项目描述...[more]
News Item 2
新闻项目描述...[more]
News Item 3
新闻项目描述...[more]
- More News »
在Sitecore中的用法
现在还不确定.
在ColdFusion/HTML中使用
Events List
- <李类= " media-list__item " >二月16
< div class = " media-list__content”>
事件1
简要的事件描述...
Event 2
简要的事件描述...
<李类= " media-list__item " >二月16 < div class = " media-list__content”>Event 3
简要的事件描述...
在Sitecore中的用法
添加“新闻组件”.
在ColdFusion/HTML中使用
-
Event 1
事件简介如下...
推特
Heads up! Twitter查询被缓存15分钟. 对该标签的更改可能不会立即生效.
Tabs
TabContent1
Tab 1TabContent2
Tab 2TabContent3
Tab 3在Sitecore中的用法
添加选项卡组子项并包含
带有可选的 EnableHistory = " true "
parameter.
Accordion
AccordionContent1
Accordion 1AccordionContent2
Accordion 2AccordionContent3
Accordion 3
Page Title
这是一个示例页面标题.
程序指示器
3 Year Option
这个项目有一个3年的选择. 查看样例3年课程计划.
3 Year Option
Table
# | < th >名字< / th >< th >姓< / th >< th >用户名< / th >|||
---|---|---|---|
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
#
First Name
Last Name
Username
1
Mark
Otto
@mdo
...
Tag
Breadcrumbs
Cards
Normal
Lorem ipsum dolor sit met, consecent adiping elite. Aliquam at porttitor sem. 阿利库姆·沃特帕特. 做过的烤鸡用的是大筋,用的是细筋.
Frameless
Lorem ipsum dolor sit met, consecent adiping elite. Aliquam at porttitor sem. 阿利库姆·沃特帕特. 做过的烤鸡用的是大筋,用的是细筋.
Block
Lorem ipsum dolor sit met, consecent adiping elite. Aliquam at porttitor sem. 阿利库姆·沃特帕特. 做过的烤鸡用的是大筋,用的是细筋.
信息图形
Pullquote
我为我们的第二届毕业生感到骄傲,因为他们表现出了令人难以置信的专业精神, 强烈的职业道德和在整个课程中服侍基督的愿望.
< div class = " pullquote__cite”>— Dr. Marc Sweeney,院长,药学院Search Box
搜索结果
- <李类= " media-list__item " >< div class = " media-list__content”>
这里是沙巴体育
Media遥远的地方, 山的背后, 远离沃卡利亚和康森提亚国家, 那里存在着盲目的文本.
这里是沙巴体育
Page遥远的地方, 山的背后, 远离沃卡利亚和康森提亚国家, 那里存在着盲目的文本.
<李类= " media-list__item " >< div class = " media-list__content”>这里是沙巴体育
学术项目遥远的地方, 山的背后, 远离沃卡利亚和康森提亚国家, 那里存在着盲目的文本.