如何识别bootstrap版本?

我想更新站点上的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
*/

 

在顶部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.
 */

Run Code Online (Sandbox Code Playgroud)

如果他们不在那里,那么他们可能已被删除.无论当前版本如何,您能不能只升级到最新版本?

版本:

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

  • 我意识到bootstrap 3直到2013年8月才出现(在这个问题和答案之后),但对于在此日期之后阅读的任何人 - 注意bootstrap v3.x不向后兼容v2.x http://getbootstrap.com /移民/ (2认同)

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

  • 在浏览器上打开您的网页
  • 按 ctrl+U
  • 搜索 bootstrap.min.js 或 bootstrap.min.css,然后点击它(它会打开源文件)
  • 在第一行(注释)你应该看到 Bootstrap 版本

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

这个答案是在5.1.3和4.6.1发布后写的。如果您更新它,请也更新这些版本号!

以下是我发现的方法(感谢Versions · Bootstrap v5.3Releases · twbs/bootstrap · GitHub)来使用功能嗅探找出您正在使用的版本。请注意,此列表仅涵盖 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 - 添加了 类 v4.3 .row-cols-*-添加了类 v4.2 - 添加了类 v4.1 - 添加了类和类 v4.0 - 删除了。添加
.stretched-link.text-break
.font-weight-lighter.font-weight-bolder
.table-borderless.text-monospace
.img-responsive.img-fluid

v3

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

  • # 是 1 到 12 之间的数字
  • X 是xssmmd或 之一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

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

相关推荐

  1. 如何识别bootstrap版本

    2024-01-12 16:04:04       32 阅读
  2. <span style='color:red;'>Bootstrap</span>

    Bootstrap

    2024-01-12 16:04:04      32 阅读
  3. BootStrap

    2024-01-12 16:04:04       6 阅读
  4. 利用Django和Bootstrap如何实现收藏功能?

    2024-01-12 16:04:04       34 阅读
  5. Elasticsearch如何选择版本

    2024-01-12 16:04:04       16 阅读
  6. electron 如何升级版本

    2024-01-12 16:04:04       11 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-12 16:04:04       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-12 16:04:04       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-12 16:04:04       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-12 16:04:04       18 阅读

热门阅读

  1. Golang 单元测试

    2024-01-12 16:04:04       35 阅读
  2. go语言的http post推送

    2024-01-12 16:04:04       34 阅读
  3. LNMP平台对接redis服务

    2024-01-12 16:04:04       25 阅读
  4. 力扣(leetcode)第541题反转字符串II(Python)

    2024-01-12 16:04:04       35 阅读
  5. [BUG] docker: unknown server OS: .

    2024-01-12 16:04:04       31 阅读
  6. 力扣labuladong一刷day59天动态规划

    2024-01-12 16:04:04       25 阅读