
4个回答
展开全部
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的文件
<!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的文件
展开全部
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>
<!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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
BootStrap:就是个前台美化的东西,和jquery差不多,不需要导入全部东西,你这全都导入进去了,他不是有examples吗,看看里面界面引用了那些东西,你就知道需要导那些东西了,一般就是一个.js文件和一个css文件和用到的图片.png和fonts等,很少的。不需要部署,导进去后,直接引用。
<link src="><script src="">
<link src="><script src="">
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
导入必须js和css就可以了的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询