在JSP页面中使用Bootstrap

最新推荐文章于 2023-11-04 18:08:27 发布

应暻

最新推荐文章于 2023-11-04 18:08:27 发布

阅读量2.5k

点赞数 1

文章标签： html5 jquery

本文链接：https://blog.csdn.net/ysmdelog/article/details/115028481

版权

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。官网：https://v3.bootcss.com/。
在官网下载相应版本后，导入资源【css、js、fonts】，然后在<head></head>中写

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">

而Bootstrap使用前提时JQuery，所以也要将jquery导入，共4步，同样在<head></head>中写。

	<%
        pageContext.setAttribute("APP_PATH",request.getContextPath());
    %>
	<link href="${APP_PATH}/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="${APP_PATH}/js/jquery-3.4.1.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="${APP_PATH}/js/bootstrap.min.js"></script>

然后参考官网的样式操作即可。

应暻

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
在JSP页面中使用Bootstrap

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。官网：https://v3.bootcss.com/。在官网下载相应版本后，导入资源【css、js、fonts】，然后在<head></head>中写 <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <me
复制链接

扫一扫