Semantic-UI Step Fluid 变体

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。

Semantic-UI Step Variations 为我们提供了不同的步骤变化，可堆叠、流动、不可堆叠、附加、均匀划分和大小。在本文中，我们将了解 Semantic UI Step Variations Fluid Variant。此变体用于创建将占据整个容器宽度的步骤。

Semantic-UI Step Variations Fluid Variant 占据了其容器的宽度。因此，如果您想设计一个占用整个容器宽度的步骤，您可以添加此类。

Semantic UI Step Variations Fluid Variant 类：

• 流体：该类用于占用其容器的宽度

句法：

    ...

示例：以下示例说明了 Semantic UI Step Variations Fluid Variant：

HTML

   
      
   
   
      
         
Geeksforgeeks
         
         Semantic-UI Step Variations Fluid Variant
         
         


      
      Fluid Steps:
      

      

         
         

            
Shipping
            

               Select your Address
            
         
      
      

         
         

            
Billing
            

               Select your way to pay
            
         
      
      

         
         

            
Delivered
            

               Check you package
            
         
      
      
      


      Non Fluid Steps:
      

      

         
         

            
Shipping
            

               Select your Address
            
         
      
      

         
         

            
Billing
            

               Select your way to pay
            
         
      
      

         
         

            
Delivered
            

               Check you package
            
         
      
      
   

输出：

Semantic UI Step Variations Fluid Variant

参考： https://semantic-ui.com/elements/step.html#fluid