159

我想在网站上更新 Bootstrap，但我不知道安装的版本。

如何识别引导版本，只有 bootstrap.css 和 bootstrap.min.js 文件？

CSS 文件中没有版本，并且 min.js 文件包含以下注释。

/*!
* Bootstrap.js by @fat & @mdo
* Copyright 2012 Twitter, Inc.
* http://www.apache.org/licenses/LICENSE-2.0.txt
*/
4

15 回答 15

204

在顶部，bootstrap.css您应该有如下评论：

/*!
 * Bootstrap v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

如果它们不存在，那么它们可能已被删除。

版本：

您可以在此处查看版本历史记录。如果源是 v2.0.0（2012 年 1 月）及更高版本，则不应破坏向后兼容性。如果是 v2.0.0 之前的版本，这里有关于升级的详细信息。

于 2013-03-11T09:57:38.093 回答
62

您还可以通过浏览器中的 javascript 控制台检查引导程序版本：

$.fn.tooltip.Constructor.VERSION // => "3.3.7"

信用：https ://stackoverflow.com/a/43233731/1608226

在这里发布这个是因为当我忘记在搜索中包含 JavaScript 并最终解决这个问题而不是上面的问题时，我总是遇到这个问题。如果这对您有帮助，请务必也支持该答案。

注意：对于旧版本的引导程序（少于 3 个左右），您可能需要在页面的 JavaScript 或 CSS 文件中搜索引导程序版本。刚刚在使用 bootstrap 2.3.2 的应用程序上遇到了这个问题。在这种情况下，（当前）最佳答案可能是正确的答案，您需要搜索引导程序的源代码以找到它使用的版本。（添加于 2020 年 9 月 18 日，但自 2020 年 8 月 13 日起发表评论）

于 2019-09-05T15:09:56.187 回答
29

方法 1 - 非常简单

在Package.json- 您将看到安装了提到的版本的引导程序包。

"dependencies": {
    // ...
   "bootstrap": "x.x.x"
    // ...
}

方法二

  1. 打开node_modules文件夹并在该文件夹下
  2. 搜索并打开bootstrap文件夹
  3. 现在您将能够在以下文件中看到版本号
    • package.json
    • scss/bootstrap.scss或者css/bootstrap.css
    • README.md
于 2018-02-01T07:28:18.120 回答
3

Bootstrap 版本将在 CSS 文件的顶部说明。只需打开它并查看文件顶部。

例如

/*!
 * Bootstrap v2.3.0
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
于 2013-03-11T09:56:59.910 回答
3

一种无需搜索文件或文件夹的简单方法是：

  • 在浏览器上打开您的网页
  • 按 ctrl+U
  • 搜索 boostrap.min.js 或 boostrap.min.css，然后点击它（它会打开源文件）
  • 在第一行（注释）你应该看到 boostrap 版本
于 2019-08-22T14:45:08.717 回答
2

应在页面顶部说明。

就像是。

/* =========================================================
 * bootstrap-modal.js v1.4.0
 * http://twitter.github.com/bootstrap/javascript.html#modal
 * =========================================================
 * Copyright 2011 Twitter, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================= */
于 2013-03-11T09:57:31.150 回答
2

最简单的方法是找到引导文件（bootstrap.css 或 bootstrap.min.css）并通读 docblock，你会看到类似这样的内容

Bootstrap v3.3.6 (http://getbootstrap.com)

于 2018-11-20T15:28:18.337 回答
1

您可以找到帮助您知道您导入成功的版本和小信息，请执行以下操作：

  1. 打开浏览器。
  2. Ctrl+Shift+l 或 F12
  3. 继续搜索 Sources 然后在顶部，你会找到你的 URL，比如 http://localhost:4200，然后在它下面你会找到 styles.css。
于 2021-08-12T17:25:22.763 回答
0

该注释看起来像是 Bootstrap v2.3.3 的自定义版本，这是 .css 中的默认标头，请注意最后一行：

/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */

你想达到什么目的？如果它是自定义的，那么您有一组文件可以使用，尽管这似乎是个坏主意。否则，我建议使用 v4.1.x 的完整版本，因为这是当前版本。

于 2018-05-10T13:32:14.997 回答
0

打开 package.json 并查看依赖项。你应该看到：

  "dependencies": {
    ...
    "bootstrap-less": "^3.8.8"
    ...
    }

对于角度 5 及以上

于 2019-03-12T18:11:07.617 回答
0

详细说明@vrian的答案

要在 Web 浏览器中查看网站的引导版本，请执行以下操作：

第一种方法：

  • 在您喜欢的浏览器上打开网站
  • 按Ctrl + U查看网页源码
  • 查看名为boostrap.min.jsor的文件的 head 部分boostrap.min.css。它应该看起来像这样<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
  • 然后点击打开源文件
  • 这将显示网站的引导版本。它应该如下所示：Bootstrap v4.4.1 (https://getbootstrap.com/)

第二种方法：

  • 在您喜欢的浏览器上打开网站
  • 按Ctrl + Shift + I检查网页元素
  • 在检查控制台中，单击样式编辑器选项卡
  • 然后点击boostrap.min.css
  • 这将显示网站的引导版本。它应该如下所示：Bootstrap v4.4.1 (https://getbootstrap.com/)

控制台中的引导版本

就这样

我希望这有帮助

于 2020-09-23T06:34:01.980 回答
0

您将在“bootstrap.min.css/bootstrap.css”文件中看到您当前的引导程序版本，在顶部

于 2021-02-13T11:46:06.100 回答
0

bootstrap.min.css您可以在顶部的 doc Block 中找到它。

于 2021-02-19T09:11:32.077 回答
0

这是一个老问题，多年来，Bootstrap 发生了一些变化。当我不知道我正在使用哪个版本的 Bootstrap 时，我遇到的最常见问题之一是文件中缺少标题注释/文档块。

这个答案是在 5.1.3 和 4.6.1 发布之后写的。如果您更新它，请同时更新这些版本号！

以下是我发现的方法（感谢https://getbootstrap.com/docs/versions/和https://github.com/twbs/bootstrap/releases）来确定您使用功能嗅探的版本. 请注意，此列表仅涵盖 CSS 部分！

v5

v5.1 - 添加.placeholder和.placeholder-glow类
v5.0 - 删除.media并添加xxl断点 ( .col-xxl-12)

v4

v4.6 - 添加.navbar-nav-scroll类
v4.5 - 添加.user-select-none、.user-select-auto和.user-select-none类v4.4 -
添加.row-cols-*类
v4.3 - 添加.stretched-link和.text-break类
v4.2 - 添加.font-weight-lighter和.font-weight-bolder类
v4.1 - 添加.table-borderless和.text-monospace类
v4.0 - 删除.img-responsive。添加.img-fluid

v3

v3.4 - 添加.row-no-gutters类
v3.3 - 添加.media-left和.media-right类
v3.2 - 添加.sr-only-focusable类
v3.1 - 添加.text-justify和.modal-sm类 v3.0 - 删除.modal-lg类。添加的类
.span#.col-X-#

  • # 是从 1 到 12 的数字
  • X 是xs、sm、md或之一lg

v2

v2.3 - 添加.text-left、、.text-center和.text-right类
v2.2 - 添加.media类
v2.1 - 添加.uneditable-input和.uneditable-textarea类
v2.0 - 添加.table和.table-*类

v1

v1.4 - 添加.condensed-table类
v1.3 - 添加.thumbnail类
v1.2 - 添加.one-third .two-thirds类

据我所知，在此之前的任何事情都不可靠。

于 2022-03-05T17:43:17.280 回答
-4

要检查您当前拥有的版本，您可以将 -v 用于命令行/控制台终端。

引导程序-v

https://www.npmjs.com/package/bootstrap-cli

于 2017-11-27T17:39:58.270 回答