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“是什么意思相关推荐

  1. bootstrap中,role=form及role作用角色

    1.在英汉图灵计算机大词典里: role   n.角色(任务): 2.在Bootstrap框架中,role="form": form表单属性,类似与辅助工具,转换角色使用: rol ...

  2. bootstrap中的模态框(modal,弹出层)

    bootstrap中的模态框(modal),不同于Tooltips,模态框以弹出对话框的形式出现,具有最小和最实用的功能集. 务必将模态框的 HTML 代码放在文档的最高层级内(也就是说,尽量作为 b ...

  3. bootstrap中导航、导航栏、表单及自定义表单

    导航: bootstrap中使用列表封装了水平导航,其类样式如: 类名 描述 .nav 给ul或ol,用于清除列表默认样式,并将列表项水平排列 .nav-item 给li,用于布局 .nav-link ...

  4. bootstrap中分页、面包屑导航、列表组、卡片、下拉菜单、折叠

    分页: 分页功能是当遇到数据很多时,如果都放到一个页面上,那么找起来很不方便,而且不利于性能.此时采用分页功能就能很好的优化用户体验,可是如果自己开发分页功能,那么就会影响开发效率,bootstrap ...

  5. Bootstrap中的col-lg-*,col-md- *和col-sm- *有什么区别?

    本文翻译自:What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap? Twitter Bootstrap中的 ...

  6. ExtJs中column与form布局的再次领悟

    前段时间转了一篇有关于ExtJs中column与form的布局问题(可以参考这篇文章http://sucre.blog.51cto.com/1084905/884279 ),今天在设计页面时又用到了这 ...

  7. Bootstrap中文本的样式

    在Bootstrap中对文本的对有很多的关注,也给出了很多的样式,至少在我们自己写网页的时候这些可以不用再去编写这些样式,其实在之前我一直没有很好的理解类,这些其实都是类,我们给class进行赋值其实 ...

  8. ASPX页面中不放置Form元素的问题

    在整理项目里面的代码时,结果被一个失误郁闷了一下. 事情是这样的,原来项目里面有几个页面是*.htm格式的,后来为了统一管理资源方便,就把文件改成了*.aspx的了.当然这样做是没有任何的问题,同时V ...

  9. Bootstrap中模态框多层嵌套时滚动条问题

    在使用Bootstrap中模态框过程中,如果出现多层嵌套的时候,如打开模态框A,然后在A中打开模态框B,在关闭B之后,如果A的内容比较多,滚动条会消失,而变为Body的滚动条,这是由于模态框自带的遮罩 ...

  10. 查询语句中select from where group by having order by的执行顺序

    查询语句中select from where group by having order by的执行顺序 1.查询中用到的关键词主要包含六个,并且他们的顺序依次为  select--from--whe ...

最新文章

  1. matlab编程风格
  2. 学生系统优化(一)- - 字符限定
  3. BTS3410G参数
  4. Windows Server 笔记之网络负载平衡(NLB)和服务质量(QoS)简介
  5. md文件编辑器_可能是颜值最高的微信Markdown编辑器,用Markdown的你一定会爱上
  6. Yii2 主从 数据库
  7. Linux单用户模式(修改密码、运行级别)方法详解
  8. 如何在Angular 2项目中使用Bootstrap css库
  9. wsl2启动桌面_「原创」windows10下自定义WSL安装路径及启动WSL2
  10. How is NGINX Unit different from Apache?
  11. 【AI安全】对抗样本之FGSM的代码实现(TensorFlow2)
  12. 游戏开发——表情系统
  13. Win10任务栏100%透明怎么设置?Win10任务栏100%透明设置教程
  14. 睡觉觉睡觉睡觉计算机手机,晚上睡觉时,电脑放在头部旁边有什么危害吗?
  15. 《我的世界》Minecraft私服搭建100%成功
  16. 1024,20个入行故事,浮世中见证着程序员的奋斗
  17. python svg转png_如何使用Python3实现svg转png与pdf(附转换源代码)
  18. vertx使用路由步骤
  19. 使用BookMarkHub插件实现在不同浏览器之间进行书签同步
  20. Sheldon Cooper

热门文章

  1. 虚拟资源小程序变现/知识付费小程序变现源码
  2. 阿里云李飞飞:数据库将迎来“四化”趋势
  3. 南邮CTF web题目总结
  4. 基于朴素贝叶斯的图像分类
  5. python能做什么有趣的事作文_Python怎么学之小学生作文
  6. C语言:使用函数计算两点间的距离
  7. C语言经典100例c42 去除字符串中的空格
  8. Autohotkey实现快捷键切换鼠标左右手设置
  9. mysql极限_SQL极限函数limit()详解分页必备
  10. 跨界 Bio+IT,推文汇总(推荐收藏)