jQuery和bootstrap中的js文件有哪个地方会造成矛盾？

当我用图一的引用时，会出现图二的错误

我是将其放在head标签中的，结果出现错误。然后我将其放在body标签底部，就如同图片三
但是出现了图片四的错误
很奇怪，我明明引入了jQuery了的，而且位置也是在bootstrap.js前面，怎么还是有问题。
PS.之前调试的时候还是可以的，但是用工具自带功能（Hbuilder）整理了一发代码格式就开始报错，但是问题出现之前用它来整理多次代码格式也是没问题的。好奇怪，有遇到过相似的问题的吗？解答一下。