如何识别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
*/

在顶部，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之前的版本，请在此处获取有关升级的详细信息。

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

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

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

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

方法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
   • 还有其他文件

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

页面顶部应标明。

就像是。

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

最简单的方法是找到引导文件（bootstrap.css或bootstrap.min.css）并阅读文档块，您将看到类似的内容

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

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

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

该注释看起来是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的完整版本，因为这是当前版本。

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

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

5度以上

要检查当前使用的版本，可以在命令行/控制台终端上使用-v。

引导程序-v

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