语义 UI 步骤类型
Semantic UI 是一个现代框架,用于为网站开发无缝设计,它为用户提供了轻量级的组件体验。它使用预定义的 CSS 和 jQuery 来整合不同的框架。
Semantic-UI Step 为我们提供了一种单一类型的步骤,即一个步骤。在本文中,我们将了解这些步骤。
语义 UI 步骤类型:
- 步骤:这用于创建步骤,通过使用多个步骤,我们可以创建步骤,我们需要在父元素中添加步骤。
句法:
...
下面的示例说明了语义 UI 步骤类型:
示例 1:在本文中,我们将创建单步。
HTML
Semantic-UI Step Ordered Group
Geeksforgeeks
Semantic-UI Step Types
Delivered
Hope you like your Purchase
HTML
Semantic-UI Step Ordered Group
Geeksforgeeks
Semantic-UI Step Types
Shipping
Select your Address
Billing
Select your way to pay
Delivered
Check you package
输出:
示例 2:在此示例中,我们将使用多个步骤创建步骤。
HTML
Semantic-UI Step Ordered Group
Geeksforgeeks
Semantic-UI Step Types
Shipping
Select your Address
Billing
Select your way to pay
Delivered
Check you package
输出:
参考: https ://semantic-ui.com/elements/step.html#step