<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 手機自適應 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3個meta標籤*必須*放在最前面，任何其他內容都*必須*跟隨其後！ -->
<title>Bootstrap入門</title>
<!-- **Bootstrap**需要的js和css 這都是聯網獲取的 -->
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
</head>
<body>
<h1>你好，世界！</h1>
<!-- 這是bootstarp官網的模板 官網地址：http://v3.bootcss.com/css/ -->
<table class="table table-striped">
<tr><td>學號</td><td>姓名</td><td>年齡</td><td>性別</td></tr>
<tr><td>A</td><td>test01</td><td>20</td><td>男</td></tr>
<tr><td>B</td><td>柳州</td><td>52</td><td>女</td></tr>
<tr><td>C</td><td>張琪</td><td>22</td><td>男</td></tr>
<tr><td>D</td><td>五六</td><td>33</td><td>女</td></tr>
<tr><td>E</td><td>王五</td><td>44</td><td>男</td></tr>
<tr><td>F</td><td>李四</td><td>19</td><td>女</td></tr>
<tr><td>G</td><td>張三</td><td>26</td><td>男</td></tr>
</table>
</body>
</html>下面是EasyUI
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>EasyUI入門</title>
<!--引入EasyUI的js和css-->
<script language="JavaScript" type="text/javascript"
src="js/jquery.min.js" charset="utf-8"></script>
<!--(指定編碼方式，防止出現亂碼)引入EasyUI中使用的Jquery版本-->
<script language="JavaScript" type="text/javascript"
src="js/jquery.easyui.min.js" charset="utf-8"></script>
<!--(指定編碼方式，防止出現亂碼)引入EasyUi文件-->
<link rel="stylesheet" type="text/css" href="css/easyui.css">
<!--引入CSS樣式-->
<link rel="stylesheet" type="text/css" href="css/icon.css">
<!--Icon引入-->
<script language="JavaScript" type="text/javascript"
src="js/easyui-lang-zh_CN.js"></script>
<!--漢化-->
</head>
<body>
<!--官網模本 網址：www.jeasyui.net -->
<form id="ff" method="post">
<div>
<label for="name">Name:</label>
<input class="easyui-validatebox" type="text" name="name" data-options="required:true" />
</div>
<div>
<label for="name">Pwd:</label>
<input class="easyui-validatebox" type="password" name="password" data-options="required:true" />
</div>
<div>
<label for="email">Email:</label>
<input class="easyui-validatebox" type="text" name="email" data-options="validType:'email'" />
</div>
...
</body>
</html>Bootstrap與EasyUI入門例子路徑：http://download.csdn.net/download/xpf_user/10031152