BootStrap主要作用于前端美化,它也有自己的一套布局,你在使用的时候只需要将文件包解压,添加进项目之后,在用到的html或者jsp中引用他的文件即可,不过在引入之前,一定要先把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的文件
而java是用于后台开发所用,而那个工具是应用于前段美化的所以他们之间并不冲突,正常的结合就行了
只要按上面的方法导入bootstrap的文件,然后在进行自己的java的开发就行了,就不会受到什么干扰了
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)