连续好几次碰到这样的问题，在引入bootstrap.css,bootstrap.js以及jquery.js这个框架的时候，每次都会提示这样或者那样的错误，一个简单的引入就要花费好大的功夫，才能搞定，下面总结一下以前碰到的各种问题。
首先
，先说一下这三个引入文件的放置顺序问题：
这三个在页面中放置的时候，jquery.js一定要放在最前面，因为在bootstrap.js中用到了jquery.js这个框架，所以如果把bootstrap.js放到了jquery.js的前面的话，在firefox的js提示台上就会提示网页引入的bootstrap.js有错误，因为，在bootstrap中已经开始用到jquery.js了，可人家还没有引入，自然会报错误了，所以请务必要把jquery.js放到第一位。
接着
，说一下引入js,css
所要用到的标签：
js用到的是<script type="text/javascript" src=""></script>
css用到的是<link rel="stylesheet" href=""></link>
有时候，大脑总会有些不清醒，犯些小错误，令人郁闷，比如说引入css的时候，却用了script标签，结果自然会令人很郁闷了，你想要的网页效果也出不来了。
然后
，说一下引入时的开闭
问题：
引入css时，直接用<link rel = "stylesheet" href=""/>这样没有问题，但是在js引入时，<script type="text/javascript" src=""/>貌似就不行了，所以最后只得写成<script type="text/javascript" src=""></script>这样的标准形式，不知道是怎么回事？
最后
，是关于由建立js文件夹引发的js引入无效
的问题：
一次做一个小例子，需要用到jquery.js,结果在firefox中的js控制平台上一直报错，说jquery.js没有引入，明明引入了啊,在首部<head></head>中<script type="text/javascript" src="js/jquery.js"/>,而且引入的是那个234kb的，而不是94kb的，这个问题以前曾困扰我很长时间，没想到今天又蹦出来了，和以前对的项目一对比，发现，原来是jquery这个文件放在WEB-INF/js/
下了，郁闷，这个文件夹下的资源是受保护的，没想到还是犯了这个错误。正确的形式，应该是放在webroot/js/
下，这些目录下的资源可以被直接
访问到，这样问题就解决了。。。
分享到：
相关推荐
Bootstrap 和 jQuery UI 是两个非常流行的前端开发框架，用于构建用户界面和交互效果。它们各自具有独特的优势，并在网页设计和开发领域中广泛使用。 Bootstrap 是一个由 Twitter 开发的开源 CSS 框架，它提供了...
Bootstrap jQuery仿Mac系统弹出消息提示框插件</title> <link href="css/bootstrap.min.css?3.1.64" rel="stylesheet"> <link href="css/font-awesome.min.css?3.1.64" rel="stylesheet"> &...
Bootstrap 和 jQuery 是两种在 web 开发中广泛使用的工具，它们可以很好地结合以实现这种布局。 Bootstrap 是一个流行的开源前端框架，由 Twitter 开发，它提供了一套完整的响应式设计、移动设备优先的网页开发工具...
【标题】"考试类精品--基于SSM的在线考试管理系统：前端：AdminLTE bootstrap jQuery ajax js.zip" 提供了一个关于在线考试管理系统的前端实现，它利用了若干关键技术和框架，如Spring、Struts和MyBatis（SSM）的...
Bootstrap-Youtube-Popup-Player-Plugin, Bootstrap jQuery YouTube弹出式播放机模式插件 使用jQuery的 Bootstrap Popup播放器插件这是一个弹出模式插件，用于在 Bootstrap 站点上播放YouTube视频。 这里插件仅兼容 ...
标题中的“nodejs+express+mongodb+bootstrap+jquery+ejs写的电影demo”表明这是一个使用Node.js、Express框架、MongoDB数据库、Bootstrap前端框架、jQuery库以及EJS模板引擎开发的电影相关的应用程序示例。...
代码片段： <link href="css/bootstrap.min.css?3.1.64" rel="stylesheet"> ...link href="css/bootstrap-theme....<div class="btn btn-success popconfirm test-jquery-click">测试 jQuery Click事件</div>
BootstrapTable 是一个基于 jQuery 和 Bootstrap 框架的开源表格插件，它的出现极大地简化了在 Web 应用中创建功能丰富的数据展示表格的过程。这个插件提供了多种实用功能，如单选、多选、排序、分页、编辑、导出和...
在网页开发中，jQuery、Bootstrap和百分比进度条是常见的元素，它们可以帮助我们构建美观且交互性强的用户界面。本文将深入探讨如何基于jQuery和Bootstrap实现一个动态的百分比横向图表。 首先，jQuery是一个轻量级...
Bootstrap 和 jQuery 插件在网页开发中扮演着重要的角色，它们极大地丰富了用户界面和交互体验。Bootstrap 是一个流行的前端框架，提供了响应式布局、移动设备优先的设计理念，以及一系列预设的CSS、JavaScript组件...
Bootstrap 和 jQuery 是两个非常重要的前端开发框架，它们在构建响应式和交互性强的网页时起着关键作用。Bootstrap 是一个流行的 HTML、CSS 和 JS 框架，它提供了丰富的组件和设计模式，使得开发者能够快速地创建...
SSM+Bootstrap+jQuery是一个常见的Java Web开发框架组合，用于构建功能丰富的、响应式的Web应用程序。这个实例项目结合了Spring、SpringMVC和MyBatis（SSM）三大核心框架，以及Bootstrap前端框架和jQuery库，提供了...
在网页开发中，jQuery 和 Bootstrap 是非常常用的工具库，它们能极大地提高开发效率并提供美观的用户界面。本文将深入探讨如何使用 jQuery 和 Bootstrap 实现带分页的表格数据搜索和筛选功能。 首先，Bootstrap ...
这个“基于SSH、纯bootstrap、jquery的跑步论坛”项目，显然是利用SSH框架构建的一个社区类网站，专注于跑步爱好者之间的交流与分享。 1. **Struts2**：Struts2是一个强大的MVC（Model-View-Controller）框架，负责...
这是一款简单的效果非常炫酷的基于Bootstrap和jQuery的windows桌面布局模板。该模板使用Bootstrap和jQuery UI布局来模拟windows系统的桌面布局。带有开始菜单和时间显示，还提供了一个用户登录界面布局。
jbvalidator是一个全新的基于jQuery的表单验证插件，它是为最新的Bootstrap 5框架创建的，并且支持客户端和服务器端验证。 多种语言。 自定义错误消息。 自定义验证规则。 通过HTML数据属性易于使用。 安装 npm ...
基于JSP+Servlet+BootStrap+Jquery的图书管理系统 基于JSP+Servlet+BootStrap+Jquery的图书管理系统 基于JSP+Servlet+BootStrap+Jquery的图书管理系统 基于JSP+Servlet+BootStrap+Jquery的图书管理系统 基于JSP+...
旅游趋势大屏 框架：Python + html + css + jquery + bootstrap + json 数据库：无 数据集基于json接口的形式获取。 角色管理员 admin 123456 模块介绍 登录模块 大屏模块 数据库设计：无数据库
struts2+hibernate+bootstrap+jquery http://localhost/ t_user表中随便找一条记录即可登录 注意事项 1.hibernate.cfg.xml文件中,数据库名字是mydb2,账号root密码123,请修改为本地的帐号密码 2.如果出现数据库连接...
"基于jQuery和Bootstrap的垂直手风琴下拉菜单"是一种流行的技术，用于构建高效且直观的导航结构。这个主题将深入探讨如何利用这两个强大的工具来实现这种功能。 首先，jQuery是一个轻量级的JavaScript库，它简化了...