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??创建小一些的表单控件；

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

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