将 bootstrap select 实施到现有项目中

Question

我正在处理大量的代码库，并试图在 bootstrap-select 中添加一个漂亮的下拉菜单。 https://developer.snapappointments.com/bootstrap-select/

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

我发现添加

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

为我提供了所需的下拉菜单外观，但破坏了页面上其余的样式。老实说，在这里迷路了。

Answer 1

对于 bootstrap 的最新版本，请使用：

<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 版，我相信您只需将 link 中的数字从 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>

将 bootstrap select 实施到现有项目中

Implementing bootstrap select into an existing project

jquery

twitter-bootstrap

bootstrap-select