欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

bootstrap表单class使用记录

程序员文章站 2022-05-28 22:59:10
由于总是忘记表单的类的作用,故边用边记录下来,持续更新 form-control 添加在中,为表单控件增加样式 control-label 添加在

由于总是忘记表单的类的作用,故边用边记录下来,持续更新

form-control
添加在<input>中,为表单控件增加样式
 
control-label
添加在<label>中,文本右对齐
 
form-group
控制整个表单中的元素获取最佳间距,表单本身也会跟其他元素隔开一定间距
 
form-inline
通常添加在<form>中,表示内联表单,也可以添加在其他块元素中。所有表单元素都在一行显示(充足的宽度的情况下),
并且”.form-inline .form-group”展示为内联块元素(inline-block),个人了解为相当于看做一个表单控件
 
form-horizontal
将label和input表单元素显示在一行
该类联合”form-group”使用,就相当于网格系统中的”row”。


参考: https://www.jb51.net/article/92098.htm