Bootstrap是国际知名互联网公司Twitter公司推出的开源免费的CSS框架。所谓的CSS框架，就是利用CSS属性，定义好了一系列的类选择器，使用者只要查阅手册，即可快速的通过这些类选择器，构造一个界面清新大方、风格统一的网页。
        可以通过其官网或其他前端学习网站进行Bootstrap的手册查阅工作。
        使用Bootstrap，首先要引入其提供的外部样式表，可以引入公网的连接：

<link rel="stylesheet"
	href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">

        之前修饰表格的行内样式表可以删除，只保留对div的修饰，即让页面主体居中显示。代码如下：

<style>
#main {
	width: 600px;
	margin: 20px auto;
}
</style>

        如我们要做一个边框、有奇偶行变色的表格，可以使用.table .table-bordered .table-striped类选择器。代码如下：

<div id="main">
	<table class="table table-bordered table-striped">
		<tr>
			<th>ID</th>
			<th>姓名</th>
			<th>性别</th>
			<th>年龄</th>
		</tr>
		<%
			//从request作用域中取得学生对象的list
			List<Student> list = (List<Student>) request.getAttribute("list");
			for (Student stu : list) {
		%>
		<tr>
			<td><%=stu.getId()%></td>
			<td><%=stu.getName()%></td>
			<td><%=stu.getGender()%></td>
			<td><%=stu.getAge()%></td>
		</tr>
		<%
			}
		%>
	</table>
</div>

效果如图所示：

        这样一个飘了的表格就完成了，为下一步增删改功能做准备，可以在表格下方加入一组按钮，代码如下所示：

<div>
<button type="button" class="btn btn-primary">增加</button>
<button type="button" class="btn btn-primary">修改</button>
<button type="button" class="btn btn-primary">删除</button>
</div>

效果如下图所示：

        这样，一套风格统一的页面就顺利完成了，后续我们会使用Bootstrap进行页面样式的开发。