45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:如何在jsp中使用BootStrap?

如何在jsp中使用BootStrap?

2017-01-11 20:13:46 来源:www.45fan.com 【

如何在jsp中使用BootStrap?

下载bootstrap的js,css文件:

如何在jsp中使用BootStrap?

如何在jsp中使用BootStrap?

如何在jsp中使用BootStrap?

如何在jsp中使用BootStrap?

如何在jsp中使用BootStrap?如何在jsp中使用BootStrap?

在jsp中的应用:

第一步:

新建一个web项目

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

如何在jsp中使用BootStrap?

第二步:

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

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

<html lang="zh-CN">

如何在jsp中使用BootStrap?

第三步:

在body中载入需要的组件:

如何在jsp中使用BootStrap?

运行在tomcat服务器上:

效果如图:

如何在jsp中使用BootStrap?

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

如何在jsp中使用BootStrap?

如何在jsp中使用BootStrap?

如何在jsp中使用BootStrap?

然后重启eclipse即可。

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

以上所述是小编给大家介绍的BootStrap在jsp中的使用,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对路饭网站的支持!


本文地址:http://www.45fan.com/bcdm/86492.html
Tags: 中的 JSP Bootstrap
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部