Semantic-UI Grid Column Automatic Flow
Semantic UI is a modern framework used in developing seamless designs for web pages, It gives the user a lightweight experience with its components. It uses predefined CSS and jQuery to incorporate different frameworks. It makes web pages look amazing and responsive.
Semantic UI Grid is used to harmonize negative space in a layout. The grid layout is used to create a grid-based layout system with the help of rows and columns. Grid is very easy to design any webpage without using floats and positioning.
Semantic-UI Grid Automatic Flow Column is used to set the flow of content automatically to the next row if all the grid columns are taken in the current row.
Semantic-UI Grid Automatic Flow Column Class:
- *number: This column is used to set the width of the column grid. If the column grid width exceeds the current row, it will automatically move to the next row.
<div class="ui grid"> <div class="*number wide column"></div> ... </div>
Note: The *number is replaceable with the integer number(Alphabetic).
Example 1: This example describes the uses of the Semantic-UI Grid Automatic Flow Column.
Example 2: This example describes the uses of the Semantic-UI Grid Automatic Flow Column.