Bootstrap全局CSS样式之表单_html/css_WEB-ITnose

.form-control??将单独的表单控件赋予一些全局样式，如默认宽度width:100%；

.form-group??包裹表单控件，获得最好的排列；

.form-inline??将表单设置为内联表单，只适用于视口（viewport）至少在 768px 宽度时；

.sr-only??将label标签隐藏；

.help-block??用于设置提示文本；

.form-horizontal??可以将label标签和控件组水平并排布局；

.radio-inline、.checkbox-inline??将相应控件水平排列；

.form-control-static??将p元素设置为静态控件；

.has-error、.has-warning、has-success??分别对应校验状态；

.has-feedback??为控件添加辅助图标（与图标引用类联合使用）；

.input-lg??创建大一些的表单控件；

.input-sm??创建小一些的表单控件；

    
        
            用户名            
        
            密码            
        
            生日            
        
            上传头像            
选择您需要的头像文件
        
    
    
        
            用户名            
                
        
        
            密码            
                
        
        
            生日            
                
        
        
            
                
                                            记住密码                                    
            
        
        
            
                登录            
        
    
    
        
           喜欢的球队            
                                    广州恒大                                                    上海上港                                                    北京国安                            
        
        
           性别            
                                    男                                                    女                            
        
        
            所属城市            北京
上海
广州
        
                        
        
请按照邮箱格式输入：[e-mail]
        
            密码            
        
            昵称            
        
            用户名                    
        
            用户名                    
        
            用户名                    
    

版权声明：本文为博主原创文章，未经博主允许不得转载。