bootstrap表单class使用记录
程序员文章站
2023-04-03 10:44:18
由于总是忘记表单的类的作用,故边用边记录下来,持续更新 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
上一篇: dedecms集成财付通支付接口