欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

BootStrap在jsp中的使用

程序员文章站 2023-11-27 14:08:10
下载bootstrap的js,css文件: 在jsp中的应用: 第一步: 新建一个web项目 将bootstrap下载下来的文件放入web-in...

下载bootstrap的js,css文件:

BootStrap在jsp中的使用

BootStrap在jsp中的使用

BootStrap在jsp中的使用

BootStrap在jsp中的使用

BootStrap在jsp中的使用BootStrap在jsp中的使用

在jsp中的应用:

第一步:

新建一个web项目

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

BootStrap在jsp中的使用

第二步:

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

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

<html lang="zh-cn">

BootStrap在jsp中的使用

第三步:

在body中载入需要的组件:

BootStrap在jsp中的使用

运行在tomcat服务器上:

效果如图:

BootStrap在jsp中的使用

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

BootStrap在jsp中的使用

BootStrap在jsp中的使用

BootStrap在jsp中的使用

然后重启eclipse即可。

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

以上所述是小编给大家介绍的bootstrap在jsp中的使用,希望对大家有所帮助