欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-09 21:23:54
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给组与组之间加了一定的间距,类似段落。如此处的姓名,性别,年龄各是一段,你可以尝试去掉之后三者的间距会变成普通间距。

本文地址:https://blog.csdn.net/weixin_45709255/article/details/107381785

相关标签: bootstrap