首先form元素 要有此声明<form role="form" class = "form-horizontal">
因为每行要显示两个控件所以栅格 6-6分,每个控件的外层都套一个<div class="form-group col-xs-6"></div>
内层分为标签和表单控件,每个控件按12份宽重新设置宽度,画的真麻烦。
有个问题就是 文本输入框如果要添加图标暂时还没弄好,时间比较紧张,记录一下继续砖。
<form role="form" class = "form-horizontal AddmodelForm">
<input type="hidden" name="id">
<input name="empId" type="hidden">
<div class="form-group col-xs-6">
<label class="col-xs-4 control-label" >员工工号</label>
<div class="col-xs-8">
<input id="empNo" name="empNo" class="input-text form-control">
</div>
</div>
<div class="form-group col-xs-6">
<label class="col-xs-4 control-label">员工姓名</label>
<div class="col-xs-8">
<!--<span class="input-group-addon">-->
<!--<i class="fa fa-users"></i>-->
<!--</span>-->
<input class="input-text form-control employeeName" readonly="readonly">
</div>
</div>
<div class="form-group col-xs-6">
<label class="col-xs-4 control-label">基本工资</label>
<div class="col-xs-8">
<input name="empName" class="input-text form-control">
</div>
</div>
<div class="form-group col-xs-6">
<label class="col-xs-4 control-label">绩效工资</label>
<div class="col-xs-8">
<input name="empName" class="input-text form-control">
</div>
</div>
<div class="form-group col-xs-6">
<label class="col-xs-4 control-label">其它福利</label>
<div class="col-xs-8">
<input name="empName" class="input-text form-control">
</div>
</div>
<div class="form-group col-xs-6">
<label class="col-xs-4 control-label">保险</label>
<div class="col-xs-8">
<input name="empName" class="input-text form-control">
</div>
</div>
<div class="form-group col-xs-6">
<label class="col-xs-4 control-label">个人公积金</label>
<div class="col-xs-8">
<input name="empName" class="input-text form-control">
</div>
</div>
</form>