ブートストラップのバージョンを特定するにはどうすればよいですか?


120

サイトの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
*/

回答:


163

上部には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(Jan 2012)以降の場合、下位互換性が損なわれることはありません。v2.0.0より前の場合は、ここでアップグレードの詳細を確認できます


タナー、jsの下位互換性が心配
Nikita

4
ブートストラップ3は2013年8月まで(この質問と回答の後)発売されなかったことに気づきましたが、この日付以降に読む人のために-ブートストラップv3.xはv2.x
mulllhausen

1
コメント「最新バージョンにアップグレードすることはできませんか?」私がこれに賛成票を与えるのを止めます。それは不必要で、質問に答える助けにはなりません。それに、最新バージョンにアップグレードするだけで簡単だったら。
マット

@マットは同意しました、バージョン情報を追加した編集前の元の回答の一部でした。今その部分を削除しました。
タナー

15

ブラウザのjavascriptコンソールからブートストラップのバージョンを確認することもできます。

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

クレジット:https : //stackoverflow.com/a/43233731/1608226

これをここに投稿します。JavaScriptを検索に含めるのを忘れたときにいつもこの質問に遭遇し、上記の質問ではなくこの質問に行き着くからです。これが役立つ場合は、その回答にも賛成票を投じてください。


2
jQuery.fn.tooltip.Constructor.VERSION 衝突しない場合:)ありがとう!
Mubashar Aftab、

1
これは受け入れられる答えであるはずです-それはアクセスするのが最も簡単です。
アレックスヒキガエル

12

方法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
    • 他にもファイルがあります

最初に提案する方法であるcheckは、ビルドを満たすために必要な最小バージョンpackage.jsonのみを表示します。インストールされているバージョンは表示されません。Tilde&Caret Shorthand
Tony

3

ブートストラップのバージョンは、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.
 */

どのCSSファイル?
マット

2

ページの上部に記載する必要があります。

何かのようなもの。

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

「ページ」-どのページ?
マット

2

最も簡単なのは、ブートストラップファイル(bootstrap.css OR bootstrap.min.css)を見つけてdocblockを読むことです。このようなものが表示されます

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


1

ファイルやフォルダを検索せずにこれを行う簡単な方法は次のとおりです。

  • ブラウザでウェブページを開きます
  • Ctrl + Uを押す
  • boostrap.min.jsまたはboostrap.min.cssを検索してクリックします(ソースファイルが開きます)
  • 最初の行(コメント)には、ブーストラップバージョンが表示されます。

0

そのコメントは、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のフルビルドを使用することをお勧めします。これは現在のリリースです。



-2

現在使用しているバージョンを確認するには、コマンドライン/コンソールターミナルに-vを使用します。

ブートストラップ-v

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


:) @bhansaそこに行くには様々な方法があります。次のいずれかを実行できます。-コマンドプロンプトを使用してプロジェクトフォルダファイルを取得し、コマンドを入力します。-ファイルエクスプローラーに移動し、Git Bash / Git Shell / etc ...を開いてコマンドを入力します。-IDE内のターミナル(Visual Code / Webstorm / Atomなど)を開き、そこでコマンドを入力します。
Susie

これは、bootstrap-cliバージョンのみを表示します。
ymerej 2018年
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.