bootstrap中的class=“form-group“是什么意思

form-group
你可以理解为一个格式化
就是一个小集体他就是集体的圈
就是把需要的东西放在一个集体中

<h2 class="page-header">增</h2><form id="addForm" action="" method="post"><div class="form-group"><label for="userName">姓名</label><span style="color:red">&nbsp;*</span><input type="text" name="userName" id="userName" placeholder="UserName" class="form-control"></div><div class="form-group"><label for="sex">性别</label><span style="color:red">&nbsp;*</span><input type="text" name="sex" id="sex" placeholder="UserSex" class="form-control"></div><div class="form-group"><label for="age">年龄</label><span style="color:red">&nbsp;*</span><input type="text" name="age" id="age" placeholder="UserAge" class="form-control"></div></form>

form-group将同一个form组的内容放在一起，bootstrap给组与组之间加了一定的间距，类似段落。如此处的姓名,性别,年龄各是一段，你可以尝试去掉之后三者的间距会变成普通间距。

bootstrap中的class=“form-group“是什么意思相关推荐

bootstrap中，role=form及role作用角色
1.在英汉图灵计算机大词典里: role n.角色(任务): 2.在Bootstrap框架中,role="form": form表单属性,类似与辅助工具,转换角色使用: rol ...
bootstrap中的模态框（modal，弹出层）
bootstrap中的模态框(modal),不同于Tooltips,模态框以弹出对话框的形式出现,具有最小和最实用的功能集. 务必将模态框的 HTML 代码放在文档的最高层级内(也就是说,尽量作为 b ...
bootstrap中导航、导航栏、表单及自定义表单
导航: bootstrap中使用列表封装了水平导航,其类样式如: 类名描述 .nav 给ul或ol,用于清除列表默认样式,并将列表项水平排列 .nav-item 给li,用于布局 .nav-link ...
bootstrap中分页、面包屑导航、列表组、卡片、下拉菜单、折叠
分页: 分页功能是当遇到数据很多时,如果都放到一个页面上,那么找起来很不方便,而且不利于性能.此时采用分页功能就能很好的优化用户体验,可是如果自己开发分页功能,那么就会影响开发效率,bootstrap ...
Bootstrap中的col-lg-*，col-md- *和col-sm- *有什么区别？
本文翻译自:What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap? Twitter Bootstrap中的 ...
ExtJs中column与form布局的再次领悟
前段时间转了一篇有关于ExtJs中column与form的布局问题(可以参考这篇文章http://sucre.blog.51cto.com/1084905/884279 ),今天在设计页面时又用到了这 ...
Bootstrap中文本的样式
在Bootstrap中对文本的对有很多的关注,也给出了很多的样式,至少在我们自己写网页的时候这些可以不用再去编写这些样式,其实在之前我一直没有很好的理解类,这些其实都是类,我们给class进行赋值其实 ...
ASPX页面中不放置Form元素的问题
在整理项目里面的代码时,结果被一个失误郁闷了一下. 事情是这样的,原来项目里面有几个页面是*.htm格式的,后来为了统一管理资源方便,就把文件改成了*.aspx的了.当然这样做是没有任何的问题,同时V ...
Bootstrap中模态框多层嵌套时滚动条问题
在使用Bootstrap中模态框过程中,如果出现多层嵌套的时候,如打开模态框A,然后在A中打开模态框B,在关闭B之后,如果A的内容比较多,滚动条会消失,而变为Body的滚动条,这是由于模态框自带的遮罩 ...
查询语句中select from where group by having order by的执行顺序
查询语句中select from where group by having order by的执行顺序 1.查询中用到的关键词主要包含六个,并且他们的顺序依次为 select--from--whe ...

bootstrap中的class=“form-group“是什么意思

bootstrap中的class=“form-group“是什么意思相关推荐

最新文章

热门文章