http://www.bootcss.com/

下载bootstrap的js,css文件:

bootstrap在jsp中的应用_bootstrap

bootstrap在jsp中的应用_tomcat服务器_02

bootstrap在jsp中的应用_tomcat_03

bootstrap在jsp中的应用_tomcat服务器_04

bootstrap在jsp中的应用_html_05bootstrap在jsp中的应用_css_06

在jsp中的应用:

第一步:

新建一个web项目

将bootstrap下载下来的文件放入WEB-INF下面的,lib目录下,新建一个bootstrap文件:

bootstrap在jsp中的应用_tomcat_07

第二步:

新建一个index.jsp文件,引入所使用的css.js和bootstrap的:

注意这里的要缓存<!DOCTYPE html>

<html lang="zh-CN">

bootstrap在jsp中的应用_css_08

第三步:

在body中载入需要的组件:

bootstrap在jsp中的应用_css_09

运行在tomcat服务器上:

效果如图:

bootstrap在jsp中的应用_html_10

 

第四步:tomcat的8080端口被占用,修改tomcat的文件:

bootstrap在jsp中的应用_bootstrap_11

bootstrap在jsp中的应用_css_12

bootstrap在jsp中的应用_html_13

然后重启eclipse即可。

在java的项目中运行时添加需要的tomcat即可。