在现有项目中实施引导选择

Question

我在这里使用大量代码库，并尝试在 bootstrap-select 中插入喇叭以呈现漂亮的精美下拉菜单。 https://developer.snapappointments.com/bootstrap-select/

我们有 bootstrap 3.0.0 和 jquery 1.12.4，根据我对 bootstrap-select 的理解，我至少需要 bootstrap 3.3.7，但我不太确定如何更新 bootstrap。我们有一个公共文件夹，其中包含当前的引导 js 和 css 文件。

我发现添加

 <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">

为我提供所需的下拉菜单外观，但会破坏页面上的其余样式。老实说，这里有点迷失方向。

Answer 1

对于最新版本的引导程序使用：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

对于 3.37 版本，我相信您可以将链接中的数字从 4.3.1 更改为您想要的版本。

希望这会有所帮助！

您可能还想在终端中尝试这个（使用您的版本号）

gem install bootstrap -v 4.3.1

Answer 2

经过这么简单的修复后，我的大脑很疼。我应该更好地阅读入门页面...通过在样式下方添加 2 行，现在可以正确显示。

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css">

<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/bootstrap-select.min.js"></script>