Materialize CSS Collections

Materialize CSS Collections facilitate you to group list objects together. It represents various types of collections, where a collection is a group of related information items.

List of class name used in Materialize CSS collections:

IndexClass nameDescription
1)collectionIt is used to set the div or ul container as a collection.
2)collection-itemIt is used to set the a or li item as a collection item.
3)activeIt is used to show the a or li item as an active collection item.
4)with-headerIt is used to mark the collection to have a header.
5)collection-headerIt is used to set the a or li item as a collection header.
6)avatarIt is used to set the a or li item as an avatar item.
7)dismissibleIt is used to enables the collection items to be swiped away. It works on touch screen devices only.

Examples

Example 1

Test it Now

Example 2

Test it Now

Example 3

Test it Now

Example 4

Test it Now

Example 5

Test it Now
Next TopicMaterialize CSS Footer




Latest Courses

Logo

We provides tutorials and interview questions of all technology like java tutorial, android, java frameworks

Contact info

G-13, 2nd Floor, Sec-3, Noida, UP, 201301, India

[email protected].

Follow us
FacebookTwitterRssBlogspotYoutube

Latest Post

PRIVACY POLICY

Tutorials
Java Data Structures C Programming C++ Tutorial C# Tutorial PHP Tutorial HTML Tutorial JavaScript Tutorial jQuery Tutorial Spring Tutorial
Interview Questions
Tcs Intuit Wipro Adobe Infosys Amazon Accenture Cognizant Capgemini Microsoft
Online Compiler
C R C++ Php Java Html Swift Python JavaScript TypeScript
© Copyright 2024 Javatpoint. All Rights Reserved.