The beginners may have some difficulties about how to start and learn the materialize design.  Here is a simple steps to learn and quick start with materialize design.

  1. Add the Following link

[code]

.caret {
border-top: 0px !important;
}

[/code]

2. Add following line of html

[code]

First Name

Last Name

Disabled

Password

Email

This is an inline input field:

Email

Choose your option
Option 1
Option 2
Option 3

Select Project

Choose your option
Option 1
Option 2
Option 3

Select Percentage

Submit
send

Cancel
send

[/code]

3. Add following script

[code]

@section Scripts{

$(document).ready(function () {
$(‘select’).material_select();
});

}

[/code]

Design sample of above materialize css will look like

Screenshot-2017-12-30 - Hospitality UI

 

 

More Details Click Here

One thought on “How to Start with Materialize CSS”

Leave a Reply

Your email address will not be published. Required fields are marked *