问题描述
我正在处理的页面中有许多引导的引用。但我不知道它们之间的区别，就我所知，它们可能都做相同的事情。有些是从本地文件加载的，有些是从CDN源加载的。 我知道您不知道页面如何使用引导程序，在这种情况下，我也不会。但是，对于我应该保留什么和应该丢弃什么的任何意见将不胜感激。或者，如果我应该将版本更新为最新版本，或者您可以提供任何其他建议。这里似乎有很多代码，特别是如果其中一些重复的话。
<script src="bootstrap/js/bootstrap.min.js"></script> <!-- v3.3.2 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/popper.min.js"></script>
<script src="bootstrap/js/bootstrap-select.min.js"></script> <!-- v1.12.4 2018-1-18 -->
<script src="bootstrap/js/bootstrap-multiselect.js"></script> <!-- 2.0 2018-1-18 -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
链接语句中也有一些引用。
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" media="screen"> <!-- v3.3.7 -->
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-select.min.css" > <!-- v1.12.4 -->
bootstrap.min.css和bootstrap-select.min.css有什么区别？我需要两个吗？
解决方法
最好的办法是开始注释掉某些行，看看有什么失败。
bootstrap-select和bootstrap-multiselect是基于基本引导框架构建的插件。它们都添加了多选小部件，因此您的页面不太可能同时使用这两个小部件。我将从依次注释掉每个注释开始，看看是否有任何问题。我的猜测是您将使用bootstrap-select，它似乎正在更加活跃的开发中。
bootstrap.min.css为主要的Bootstrap框架提供样式。 bootstrap-select.min.css仅适用于bootstrap-select插件。 bootstrap-multiselect插件还需要类似的bootstrap-multiselect.css文件，您没有提到。如果尚未加载，则可能是另一个提示bootstrap-multiselect插件并未真正使用。
popper.js是bootstrap-select和其他一些核心Bootstrap功能所必需的，因此您可能确实需要它。
您只需要一个bootstrap.js实例。完全不使用第一个版本（v3.3.2），因为第二个版本（v4.3.1）会覆盖其功能。此版本可能会被选择器插件使用，选择器插件将在接下来加载，但是页面上的其他脚本将使用最终加载的版本（v4.0.0）。
除非有紧急原因，否则我将使用推荐的CDN中最新版本的bootstrap.js。希望这将是最少错误/最好看的版本。请参阅https://getbootstrap.com/的“入门”文档以获取推荐的URI。首先加载JQuery和Popper，然后加载bootstrap.min.js，然后加载您选择的选择器插件。