eclipse中使用Bootstrap的方法及操作是什么
导读：今天这篇给大家分享的知识是“eclipse中使用Bootstrap的方法及操作是什么”,小编觉得挺不错的，对大家学习或是工作可能会有所帮助，对此分享发大家做个参考，希望这篇“eclipse中使用Bootstrap的方法及操作是什么”文章能帮...
今天这篇给大家分享的知识是“eclipse中使用Bootstrap的方法及操作是什么”,小编觉得挺不错的，对大家学习或是工作可能会有所帮助，对此分享发大家做个参考，希望这篇“eclipse中使用Bootstrap的方法及操作是什么”文章能帮助大家解决问题。
eclipse中使用bootstrap
1、先在WebContent中导入以下三个文件（自行去官网下载：bootstrap ，jQuery）
2、新建.jsp文件，比如index.jsp，现在head> 标签里导入下面这些文件，注意顺序不能颠倒
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>
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的方法及操作是什么的介绍啦，需要的朋友可以参考上述内容，希望对大家有帮助，欢迎关注网络，小编将为大家输出更多高质量的实用文章！
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： eclipse中使用Bootstrap的方法及操作是什么
本文地址： https://pptw.com/jishu/653234.html