如何识别bootstrap版本？

Question

我想更新站点上的bootstrap,但我不知道使用的bootstrap版本.如何识别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
*/

Answer 1

在顶部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之前,则有关于此处升级的详细信息.

Answer 2

方法1

在 Package.json

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

方法2

1. 打开node_modules文件夹并在其下
2. 搜索并打开bootstrap文件夹
3. 现在,您将能够在以下文件中看到版本号
   • package.json
   • scss/bootstrap.scss 要么 css/bootstrap.css
   • README.md
   • 还有其他文件

Answer 3

无需搜索文件或文件夹即可执行此操作的简单方法是：

• 在浏览器上打开您的网页
• 按 Ctrl+U
• 搜索 bootstrap.min.js 或 bootstrap.min.css，然后单击它（它将打开源文件）
• 在第一行（注释）你应该看到 Bootstrap 版本

Answer 4

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.
 */

Answer 5

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

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

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

将其发布在这里是因为，当我忘记在搜索中包括JavaScript并最终跳过此问题而不是上面的问题时，我总是会遇到此问题。如果这对您有帮助，请确保也赞成该答案。

Answer 6

这是一个老问题，多年来 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-bolderv4.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类

据我所知，在此之前的任何事情都没有可靠的追踪。