为了账号安全,请及时绑定邮箱和手机立即绑定

在java web 项目中 怎么部署BootStrap?

/ 猿问

在java web 项目中 怎么部署BootStrap?

偶然的你 2019-02-06 10:06:16

在java web 项目中 怎么部署BootStrap


查看完整描述

2 回答

?
慕莱坞7535251

BootStrap主要作用于前端美化,它也有自己的一套布局,你在使用的时候只需要将下载的文件包解压,然后添加进项目之后,在用到的html或者jsp中引用他的文件即可,不过必须注意的是,在引入js之前,一定要先把jquery引入进去,因为它依赖于jquery,还有就是,他的文件的顺序最好不要打乱,因为它的内部也有调用自己的文件,如果你把它弄乱了之后,就可能导致它找不到自己的文件,所以,直接引入是最好的方法,先引入CSS文件<link href="> 再引入jquery<script src="">,最后引入Javascript文件<script src="">,例如:
<!DOCTYPE HTML>
<html>
<head>
<link href="bootstrap-datetimepicker-master/sample in bootstrap v2/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen"
href="bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css">
</head>
<body>
<div class="input-append date form_date" data-date-format="yyyy-mm-dd">
<input size="16" type="text" value="" readonly>
<span class="add-on"><i class="icon-remove"></i></span>
<span class="add-on"><i class="icon-calendar"></i></span>
</div>

<div class="input-append date" id="datetimepicker" data-date-format="yyyy-mm-dd">
<input class="span2" size="16" type="text">
<span class="add-on"><i class="icon-th"></i></span>
</div>

<script type="text/javascript"
src="bootstrap-datetimepicker-master/sample in bootstrap v2/jquery/jquery-1.8.3.min.js">
</script>
<script type="text/javascript"
src="bootstrap-datetimepicker-master/bootstrap/js/bootstrap.min.js">
</script>
<script type="text/javascript"
src="bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js">
</script>
<script type="text/javascript"
src="bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8">
</script>
<script type="text/javascript">
$('.form_date').datetimepicker({
language: 'zh-CN',
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
minView: 2,
forceParse: 0
});
</script>
</body>
<html>

这是我做的一个用到datepicker的文件



查看完整回答
反对 回复 2019-03-02
?
婷婷同学_

BootStrap主要作用于前端美化,它也有自己的一套布局,你在使用的时候只需要将下载的文件包解压,然后添加进项目之后,在用到的html或者jsp中引用他的文件即可,不过必须注意的是,在引入js之前,一定要先把jquery引入进去,因为它依赖于jquery,还有就是,他的文件的顺序最好不要打乱,因为它的内部也有调用自己的文件,如果你把它弄乱了之后,就可能导致它找不到自己的文件,所以,直接引入是最好的方法,先引入CSS文件<link href="> 再引入jquery<script src="">,最后引入Javascript文件<script src="">,例如:
<!DOCTYPE HTML>
<html>
<head>
<link href="bootstrap-datetimepicker-master/sample in bootstrap v2/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen"
href="bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css">
</head>
<body>
<div class="input-append date form_date" data-date-format="yyyy-mm-dd">
<input size="16" type="text" value="" readonly>
<span class="add-on"><i class="icon-remove"></i></span>
<span class="add-on"><i class="icon-calendar"></i></span>
</div>

<div class="input-append date" id="datetimepicker" data-date-format="yyyy-mm-dd">
<input class="span2" size="16" type="text">
<span class="add-on"><i class="icon-th"></i>



查看完整回答
反对 回复 2019-03-02

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信