Semantic-UI Segment Clearing Variation
Semantic UI is an open-source development framework that provides pre-defined classes to make our website look beautiful, amazing, and responsive. It is similar to Bootstrap which has predefined classes. It uses jQuery and CSS to create the interfaces. It can also be directly used via CDN like bootstrap.
A Segment is used to group similar content which makes the user experience better and helps users to navigate through your content efficiently. A Segment Clearing Variation is used to clear floated content inside the parent segment.
Semantic-UI Segment Clearing Variation classes:
- clearing: This class is used to clear floated content.
Syntax: <div class="ui clearing segment"> <div class="ui right floated button"> ......... </div> </div>
Example 1: Below code demonstrates the use of Segment Clearing Variation using right floated classes.
Example 2: Below is another code that demonstrates the use of Segment Clearing Variation using left floated classes.
Please Login to comment...