Bootstrap全局CSS样式之表单_html/css_WEB-ITnose
程序员文章站
2022-03-18 08:00:11
...
.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??创建小一些的表单控件;
CSS全局样式_栅格系统
版权声明:本文为博主原创文章,未经博主允许不得转载。
推荐阅读
-
css样式之背景图片_html/css_WEB-ITnose
-
css样式之背景图片_html/css_WEB-ITnose
-
Bootstrap 3之美02-Grid简介和应用_html/css_WEB-ITnose
-
Bootstrap 3之美04-自定义CSS、Theme、Package_html/css_WEB-ITnose
-
样式单位之px、em、rem_html/css_WEB-ITnose
-
表单元素之搭车系_html/css_WEB-ITnose
-
css样式之边框和内外边距_html/css_WEB-ITnose
-
Bootstrap全局css样式之图片_html/css_WEB-ITnose
-
css样式之边框和内外边距_html/css_WEB-ITnose
-
表单元素之搭车系_html/css_WEB-ITnose