Multi-Column Forms The class name pure-grid is used to create a responsive multi-column form. It requires that pure responsive grid to be…
dropdown
-
-
Pure.CSS Read Only Inputs The “readonly” attribute is used to make a form input read only. The difference between disabled and readonly…
-
Pure.CSS Required Inputs The “required” attribute is used to mark a form control as required. Example: If your form needs an email…
-
Pure.CSS Responsive Design Pure.CSS uses the following classes to create a responsive design. Index Class Name Description 1) .pure-u-* It is used…
-
Pure.CSS Rounded Inputs The “pure-input-rounded” classname is used to display a form control with rounded corners. It is generally used for search…
-
Pure.CSS Stacked Form The class name “pure-form-stacked” is used to create a stacked form with input elements below the labels. The “pure-form-stacked”…
-
Pure.CSS Stripped Tables If the table is large, it would better to make it stripped. The stripped table is more visible and…
-
Tables with Horizontal Borders If you want only horizontal lines in your table, add the pure-table-horizontal classname to the <table> element. It…
-
Pure.CSS Icons A list of popular icon libraries supported by Pure.CSS: Font Awesome Icons Google Material Icons Bootstrap Icons To use the…
-
Pure.CSS Image In Pure.CSS, you can use “pure-image” classname to display images in a responsive way. pure-image: It specifies a basic styled…