我爱编程

eclipes 配置bootstrap

2017-07-09  本文已影响0人  zhenglu1995

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中,放在其他位置也可以,修改路径就行。)

完成!

上一篇下一篇

猜你喜欢

热点阅读