您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

聊聊jsp页面中导入bootstrap的方法

2024/11/21 2:23:10发布23次查看
相关推荐:《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>
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.运行结果
更多编程相关知识,请访问:编程教学!!
以上就是聊聊jsp页面中导入bootstrap的方法的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product