bootstrap基本显示页面

//
<div class="container">

    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <h1>员工信息管理</h1>
        </div>
    </div> 
    <div class="row">
        <div class="col-md-2 col-md-offset-10">
            <!-- 禁用按钮：disabled="disabled" -->
                <button id="addEmpBtn" class="btn btn-success btn-lg" >
                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                新增
            </button>


        </div>
    </div>
    <div class="row">
        <div class="col-md-10 col-md-offset-1">
            <table class="table  table-hover">
                <tr>
                <td><input type="checkbox" id="checkid"></td>
                    <td>id</td>
                    <td>员工姓名</td>
                    <td>性别</td>
                    <td>年龄</td>
                    <td>邮箱</td>
                    <td>所属部门</td>
                    <td>操作</td>
                </tr>
                <c:forEach items="${pageInfo.list }" var="user">
                <tr>
                    <td><input type="checkbox" name="checkall"></td>
                    <td>${user.id }</td>
                    <td>${user.username }</td>
                    <td>${user.sex }</td>
                    <td>${user.age }</td>
                    <td>${user.emain }</td>
                    <td>${user.dept.dname }</td>
                    <td>

                        <button class="btn btn-primary editEmpBtn">
                            <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                            修改
                        </button>

                        <button class="btn btn-danger deleteEmpBtn">
                            <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
                            删除
                        </button>
                    </td>
                </tr>
                </c:forEach>
            </table>
        </div>
    </div>