首页 > 其他 > 详细

bootstrap表单class使用记录

时间:2018-08-31 13:36:19      阅读:170      评论:0      收藏:0      [点我收藏+]

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

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

bootstrap表单class使用记录

原文:https://www.cnblogs.com/JanSN/p/9565260.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!