bootstrap的部署
本⽂对于bootstrap的使⽤进⾏整理,有三种⽅法配置。
⼀、bootstrap未下载
须在引⽤的jsp界⾯引⽤以下代码
<head>
<!-- bootstrap的在线引⽤ -->
<!-- 新 Bootstrap 核⼼ CSS ⽂件 -->
<link rel="stylesheet"href="cdn.bootcss/bootstrap/3.3.0/css/bootstrap.min.css">
<!-- jQuery⽂件。务必在bootstrap.min.js 之前引⼊ -->
<script src="cdn.bootcss/jquery/1.11.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核⼼ JavaScript ⽂件 -->
css最新<script src="cdn.bootcss/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</head>
⼆、bootstrap已下载,通过静态配置
<head>
String path = ContextPath();
String resPath = Scheme()+"://"+ServerName()+":"+ServerPort()+path+"/"; //拼装当前⽹页的相对路径的<link href="<%=resPath%>bootstrap/3.3.7/css/bootstrap.min.css"rel="stylesheet">
<script src="<%=resPath%>jquery/1.11.3/jquery.min.js"></script>
<script src="<%=resPath%>bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
三、将bootstrap相对应的⽂件
新建⼀个jsp,然后将我们需要的写进这个jsp,在需要的时候,直接调⽤,减少代码的冗余性和增加代码的可读性。
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path = ContextPath();
String resPath = Scheme()+"://"+ServerName()+":"+ServerPort()+path+"/";
%>
<link href="<%=resPath%>bootstrap/3.3.7/css/bootstrap.min.css"rel="stylesheet">
<script src="<%=resPath%>jquery/1.11.3/jquery.min.js"></script>
<script src="<%=resPath%>bootstrap/3.3.7/js/bootstrap.min.js"></script>
对bootstrap⼀开始不懂,所以⾃⼰摸索了半天,但还是需要进⼀步探索。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论