Semantic-UI Card Content
Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing and responsive. The Semantic UI Card element displays site content using the Semantic UI classes like a playing card. Semantic UI cards have multiple sections such as content, extra content, and description. In this article, we will learn about the content block of the Semantic UI card. The Semantic UI card content block is used to contain the main contents in the card. It is essentially the body of the card. We use the content class to add content to the Card in Semantic UI. There can be multiple <div> with the class content in a single card.
Semantic-UI Card Content Block Class:
- content: This class is used to add blocks of content to the Semantic UI card.
<div class="ui card"> <div class="content"> ... </div> </div>
Example 1: The following example demonstrates the basic card with a content section using Semantic UI.
Example 2: The following example demonstrates the basic card with multiple content sections using Semantic UI.
Please Login to comment...