eclipes 配置bootstrap

1.下载下来以后解压,拖进eclipes的项目目录中,放在WebContent下,如下图

2.在jsp页面中引入

a.新建jsp文档,将文档开头<!DOCTYPE html Public...>一长串改为<!DOCTYPE html>

b.在 jsp文档中head加入代码

<link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">

<meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">

<meta name="viewport" content="width=device-width,initial-scale=1.0">

c.在jsp文档的body中加入代码

<script src="bootstrap-3.3.7-dist/js/jquery-3.2.1.min.js"></script>

<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

(注:本文以直接把jquery放在了bootstrap/js中,放在其他位置也可以,修改路径就行。)

完成!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容