📅  最后修改于: 2020-10-22 08:26:48             🧑  作者: Mango
Materialize提供了特殊的类来表示各种类型的集合,其中一个集合表示一组相关的信息项。
Sr.No. | Class Name & Description |
---|---|
1 | collection
Sets the div or ul container as a collection. |
2 | collection-item
Sets the a or li item as a collection item. |
3 | active
Shows the a or li item as an active collection item. |
4 | with-header
Marks the collection to have a header. |
5 | collection-header
Sets the a or li item as a collection header. |
6 | avatar
Sets the a or li item as an avatar item. |
7 | dismissible
Enables the collection items to be swiped away. Works on touch screen devices only. |
以下示例演示了使用集合类来展示如何创建各种类型的集合。
The Materialize Collections Example
Simple Collection
- HTML 5
- JQuery
- JavaScript
- CSS
Collection of Links
Collection with Header
Front End Technologies
- HTML 5
- JQuery
- JavaScript
- CSS
Collection with Secondary Content
Collection with Avatar
-
HTML5
HTML5 is the next major revision of the HTML standard superseding
HTML 4.01, XHTML 1.0, and XHTML 1.1.
HTML5 is a standard for
structuring and presenting content on the World Wide Web.
grade
-
insert_chart
HighCharts
grade
Collection with dismissible content
- HTML 5
- JQuery
- JavaScript
- CSS
验证结果。