Menu

List
列表用于对相关内容进行分组

Download

Types

List

列表将相关内容分组

Apples
Pears
Oranges
src
项目的源文件
site
你的网站的主题
themes
主题文件打包
default
默认的包装主题
my_theme
打包的主题也可以在此文件夹中找到
theme.config
用于设置打包主题的配置文件
dist
编译CSS和JS文件
组件
单个组件CSS和JS
语义.json
包含gulp的构建设置

项目符号

列表可以用符号标记项目

获得
邀请朋友
Benefits
链接到某个地方
Rebates
折扣
Warranty
为了方便,一个简单的项目符号列表也可以使用 ul tag.
  • 获得
  • 邀请朋友
  • Benefits
    • 在任何地方使用
    • Rebates
    • 折扣
  • Warranty

Ordered

列表可以按数字顺序排列

有序列表也可以使用 ol tag
  1. 签约
  2. 用户利益
  3. 用户类型
    1. Admin
    2. 超级用户
    3. 普通用户
  4. 删除你的帐户
您还可以使用命令手动指定有序列表的值 数据值 on a div, or value on an li
  1. 签约
  2. 用户利益
  3. 用户类型
    1. Admin
    2. 超级用户
    3. 普通用户
  4. 删除你的帐户

Link

列表可以为导航链接进行特殊的格式化

Content

Item

列表项可以包含一组项

1
2
3

Image

列表项可以包含一个图像

Rachel
最后一次看到看 发展受阻 just now.
Lindsay
最后一次看到看 鲍勃的汉堡 10小时前.
Matthew
最后一次看到看 教父(下) 昨天.
珍妮赫斯
最后一次看到看 双峰 3天前.
Veronika东德
最近什么都没看吗
Header
点击365客户端官网入口的链接 Description.

Header

列表项可以包含标题

纽约
一个可爱的城市
Chicago
也是一个非常可爱的城市
洛杉矶
有时会是一个可爱的城市
旧金山
多么可爱的城市啊

Description

一个列表项可以包含一个Description

Krolewskie Jadlo
一个优秀的波兰餐厅,快速的递送和丰盛的,充实的食物.
西安著名的食物
品尝陕西传统美食, 还有辣冷面和羊肉汉堡等美食.
札幌Haru
绿点是快速美味寿司的最佳选择.
Enid's
晚上在酒吧,白天是一个美味的早午餐地点.

变化

水平

可以对列表进行格式化,使项水平显示

Tom
顶级贡献者
基督教罗查
Admin
Matt
最受好评的用户
史蒂夫工作
50分
史蒂夫菲
44分
珍妮赫斯
11分

Inverted

列表可以倒转显示在黑色背景上

Snickerdoodle
一个很好的同伴
Poodle
狮子狗,很基本
Paulo
他也是一只狗

选择

选择列表将列表项格式化为可能的选项

Helen
基督教
Daniel

Animated

列表可以通过动画将当前项与列表分开

使用动画变体时,请确保内容可以在一行上, 否则,悬停时文本内容将回流.
Helen
基督教
Daniel

Relaxed

列表可以放松它的填充来提供更多的负空间

丹尼尔·露易丝
最后一次看到看 发展受阻 just now.
史蒂夫菲
最后一次看到看 鲍勃的汉堡 10小时前.
艾略特福
最后一次看到看 教父(下) 昨天.
丹尼尔·露易丝
最后一次看到看 发展受阻 just now.
史蒂夫菲
最后一次看到看 鲍勃的汉堡 10小时前.
艾略特福
最后一次看到看 教父(下) 昨天.

Divided

列表可以显示内容之间的划分

Celled

列表可以将其项划分为单元格

Snickerdoodle
一个很好的同伴
Poodle
狮子狗,很基本
Paulo
他也是一只狗
Cats
Horses
Dogs
Labradoodles
日本柴犬
Mastiff
关于365客户端官网入口
Contact
Support

Size

列表的大小可以不同

Helen
基督教
Daniel
Helen
基督教
Daniel
Helen
基督教
Daniel
Helen
基督教
Daniel
Helen
基督教
Daniel
Helen
基督教
Daniel
Helen
基督教
Daniel

内容的变化

垂直对齐

列表中的元素可以垂直对齐

顶部对齐
Middle
Bottom

Floated

列表或列表中的元素可以向左或向右浮动

Add
Lena
Add
Lindsay
Add
Mark
Add
Molly

调光器的信息
调光器分联箱

友情链接: 1 2 3 4 5 6 7 8 9 10