本篇文章给大家介绍一下eclipse中使用bootstrap的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
eclipse中使用bootstrap
1、先在webcontent中导入以下三个文件（自行去官网下载：bootstrap ，jquery）
2、新建.jsp文件，比如index.jsp，现在93f0f5c25f18dab9d176bd4f6de5d30e标签里导入下面这些文件，注意顺序不能颠倒
<script src="${pagecontext.request.contextpath }/js/jquery-3.3.1.min.js"></script><link href="${pagecontext.request.contextpath }/css/bootstrap.min.css" rel="stylesheet"><script src="${pagecontext.request.contextpath }/js/bootstrap.min.js"></script>
相关推荐：《bootstrap教程》
3、然后就可以使用boostrap了，直接给标签添加“class”即可。可以去 这里 选择自己想要的风格
<%@ page language="java" contenttype="text/html; charset=utf-8" pageencoding="utf-8"%><!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>insert title here</title><script src="${pagecontext.request.contextpath }/js/jquery-3.3.1.min.js"></script><link href="${pagecontext.request.contextpath }/css/bootstrap.min.css" rel="stylesheet"><script src="${pagecontext.request.contextpath }/js/bootstrap.min.js"></script></head><body> <table class="table table-striped"> <thead> <th>id</th> <th>username</th> <th>password</th> </thead> <tbody> <tr> <td>1</td> <td>李疆</td> <td>111</td> </tr> <tr> <td>2</td> <td>李二</td> <td>222</td> </tr> <tr> <td>3</td> <td>张三</td> <td>333</td> </tr> </tbody> </table> <button type="button" class="btn btn-success">成功按钮</button></body></html>
4、运行结果
更多编程相关知识，请访问：编程入门！！
以上就是详解eclipse中如何使用bootstrap？（附代码）的详细内容。