如何检查Bootstrap版本？

如何检查 Bootstrap 版本？

我们可以通过打开 Bootstrap.css 或 Bootstrap.min.css 文件来检查 Bootstrap 版本。文件的第二行包含有关文件正在加载哪个版本的 Bootstrap 的信息，例如 Bootstrap v2.2.3。

检查 Bootstrap 版本的另一种方法是使用浏览器中的开发工具：

按 F12 打开开发人员工具，或者右键单击页面并单击“检查”。

• 单击“网络”选项卡。
• 在搜索字段中搜索 Bootstrap。
• 单击 bootstrap.min.css 文件，然后单击预览。

如果你使用了 npm 安装了 Bootstrap 包，我们可以通过在项目的根目录（package.json 文件所在的目录）中打开终端并发出以下命令来检查 Bootstrap 版本。

npm ls bootstrap

npm ls bootstrap --depth=0

我们还可以在 package.json 文件的 dependencies 对象中检查本地已经安装的 Bootstrap 包的版本。

本地安装 Bootstrap

如果需要在项目的本地安装 bootstrap，我们可以在项目的根目录中打开终端并运行以下命令。

# 👇️ install bootstrap
npm install bootstrap

# 👇️ install the latest version of bootstrap
npm install bootstrap@latest

如果需要获取最新版本的 bootstrap，请使用npm view bootstrap version命令。

npm view bootstrap version

如果要列出 bootstrap 包的所有版本，请使用以下命令。

npm view bootstrap versions

npm view bootstrap versions --json

如果要安装特定版本的 bootstrap，请使用@符号指定版本。

npm install bootstrap@5.2.3

# 👇️ 如果出现错误
npm install bootstrap@5.2.3 --legacy-peer-deps

如果需要将 bootstrap 更新到最新版本，请使用以下命令。

npm install bootstrap@latest

# 👇️ 如果出现错误
npm install bootstrap@latest --legacy-peer-deps

当然你也可以使用以下命令列出 npm 包的当前版本和最新版本。

npm outdated

可以使用npm update命令更新本地安装的软件包，也可以使用npm update -g命令更新全局安装的 NPM 包。

# 👇️ 更新所有本地安装的程序包
npm update

# 👇️ 更新所有全局安装的程序包
npm update -g

npm update命令遵循 package.json 文件中指定的版本约束。