bootstrap怎么和java结合起来

bootstrap怎么和java结合起来,第1张

  bootstrapjava如何结合使用

  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的开发就行了,就不会受到什么干扰了

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/dianzi/2717526.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-08-17
下一篇 2022-08-17

发表评论

登录后才能评论

评论列表(0条)

保存