码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap表单class使用记录

时间:2018-08-31 14:05:28      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:trap   情况   http   单元   忘记   lin   row   表示   控制   

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

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使用记录

标签:trap   情况   http   单元   忘记   lin   row   表示   控制   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!