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

如果他们不在那里，那么他们可能已被删除。无论当前版本如何，您是否可以升级到最新版本？

<强>版本：

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

Answer 2

<方法1

在Package.json

"dependencies": {
    // other packages 
   "bootstrap": "^4.1.3"
}

<方法2

打开node_modules文件夹，然后打开
搜索并打开bootstrap文件夹
现在，您可以在以下文件中看到版本号
- package.json
- scss/bootstrap.scss或css/bootstrap.css
- README.md
- 还有其他文件

Answer 3

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

public IPasswordHasher PasswordHasher { get; set; }

public object Any(AllowPassword request)
{
    var passwordHashes = MyRepo.GetExistingUserPasswords(GetSession().UserAuthId);
    foreach (var passwordHash in passwordHashes)
    {
        if (PasswordHasher.VerifyPassword(passwordHash, request.Password, out var neeedsRehash)
            throw new ArgumentException("Can't use existing password", nameof(request.Password));
    }

    return new AllowPasswordResponse();
}

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

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

Answer 4

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

e.g。

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

应在页面顶部说明。

类似的东西。

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

Answer 6

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

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

Answer 7

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

Answer 8

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

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

5度及以上的角度

Answer 9

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

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

Answer 10

详细介绍@vrian's answer

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

第一种方法：

在您喜欢的浏览器上打开网站
按 Ctrl + U 查看网页源
在头部分查找名为boostrap.min.js或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/)

仅此而已

我希望这会有所帮助

Answer 11

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

Answer 12

您可以在顶部的 bootstrap.min.css 文档块中找到它。

Answer 13

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

bootstrap -v

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

如何识别bootstrap版本？

13 个答案: