Spectre Forms 水平表格

Spectre Forms 水平表单是水平表单，如果要创建水平表单，则必须在表单元素中使用 form-horizontal 类。对于表单中的每个字段，您可以将 col-* 和 col-xs/sm/lg/xl-* 类用于响应式表单行布局的子元素。这里 * 可以根据您想要的字段宽度替换为 1 到 12 任何您想要的数字。

表格水平表格类：

• form-horizontal：此类用于创建水平表单。

句法：

 ....
 

示例：这里我们将创建一个简单的反馈表单，记住一件事按钮不是 Spectre 中表单的一部分，这里我们也将使用表单中的按钮。

HTML

  

    
    
    
    

  

    
        
GeeksforGeeks
        SPECTRE Forms Horizontal forms Class
        

    
    

        
              

                

                  Name:
                
                

                  
                
              

                  Email Id:
                
                

                  
                
              
            Gender:
            
              
               Male
            
            
              
               Female
            
            
                Feedback:
            
            

                                
            
            

            Submit
         
  

  

输出：

Spectre Forms 水平表格

参考： https ://picturepan2.github.io/spectre/elements/forms.html#forms-horizontal