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

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

/ 猿问

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

阿波罗的战车 2019-01-31 07:03:32

在java web 项目中 怎么部署BootStrap


查看完整描述

2 回答

?
隔江千里

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-04
?
米琪卡哇伊

BootStrap:就是个前台美化的东西,和jquery差不多,不需要导入全部东西,你这全都导入进去了,他不是有examples吗,看看里面界面引用了那些东西,你就知道需要导那些东西了,一般就是一个.js文件和一个css文件和用到的图片.png和fonts等,很少的。不需要部署,导进去后,直接引用。
<link src="><script src="">

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

添加回答

回复

举报

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