在上文本框上框线上显示文字。

字体在html框线中显示

	<fieldset class="northbtn" style="margin-left:8px;">
 		<legend>员工基本信息 </legend>
    </fieldset>

效果展示

在bootstrap中因为被重写过所以会排版错误，需要我们修改css样式

代码：

		fieldset{
            padding-left: 5px ;
            margin:0 2px;
            border:1px solid silver
        }

        legend{
            padding:.5em;
            margin-bottom: 8px;
            border:0;
            width:auto
        }

<div class="left" style="float: left;width: 45%;">
      <fieldset class="northbtn" >
          <legend>员工基本信息 </legend>
             <div class="list-row">
                 <label class="font-noraml">姓名:</label>
                 <label class="name" id="modalName">姓名</label>
             </div>
             <div class="list-row">
             	<label class="font-noraml">考勤编号:</label>
             	<label class="modalNumber" id="modalNumber">7</label>
             </div>
                <div class="list-row">
                <label class="font-noraml">部门:</label>
                <label class="modalDepartment" id="modalDepartment">姓名</label>
             </div>

     </fieldset>
</div>

这里要注意我是有别的需求可以去掉margin-bottom

效果展示