Wie identifiziere ich die Bootstrap-Version?

120

Ich möchte Bootstrap auf einer Site aktualisieren, kenne aber die installierte Version nicht.

Wie kann ich die Bootstrap-Version nur mit den Dateien bootstrap.css und bootstrap.min.js identifizieren?

Die CSS-Datei enthält keine Version und die Datei min.js enthält den folgenden Kommentar.

/*!
* Bootstrap.js by @fat & @mdo
* Copyright 2012 Twitter, Inc.
* http://www.apache.org/licenses/LICENSE-2.0.txt
*/
Nikita
quelle

Antworten:

163

Oben bootstrap.csssollten Sie Kommentare wie die folgenden haben:

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

Wenn sie nicht da sind, wurden sie wahrscheinlich gelöscht.

VERSIONEN:

Den Versionsverlauf können Sie hier einsehen . Die Abwärtskompatibilität sollte nicht beeinträchtigt werden, wenn die Quelle v2.0.0 (Januar 2012) und höher ist. Wenn es vor v2.0.0 ist , gibt es Details zur Aktualisierung hier .

Gerber
quelle
Tanner, ich mache mir Sorgen um die Abwärtskompatibilität für js
Nikita
4
Mir ist klar, dass Bootstrap 3 erst im August 2013 (nach dieser Frage und Antwort) herauskam, aber für alle, die nach diesem Datum lesen - beachten Sie, dass Bootstrap v3.x nicht abwärtskompatibel mit v2.x ist. getbootstrap.com/migration
mulllhausen
1
Der Kommentar "Können Sie nicht einfach auf die neueste Version aktualisieren?" hält mich davon ab, dies zu bewerten. Es ist unnötig und hilft nicht, die Frage zu beantworten. Und außerdem, wenn nur ein Upgrade auf die neueste Version so einfach wäre.
Matt
@Matt stimmte zu, dass es Teil der ursprünglichen Antwort vor der Bearbeitung war, die Versionsinformationen hinzufügte. Habe diesen Teil jetzt entfernt.
Tanner
15

Sie können die Bootstrap-Version auch über die Javascript-Konsole im Browser überprüfen:

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

Bildnachweis: https://stackoverflow.com/a/43233731/1608226

Ich poste dies hier, weil ich immer auf diese Frage stoße, wenn ich vergesse, JavaScript in die Suche einzubeziehen, und diese Frage anstelle der obigen Frage zu beantworten. Wenn dies Ihnen hilft, stimmen Sie dieser Antwort ebenfalls zu.

Nuclearman
quelle
2
jQuery.fn.tooltip.Constructor.VERSION für keine Konfliktfälle :) Danke!
Mubashar Aftab
1
Dies sollte die akzeptierte Antwort sein - es ist am einfachsten zu erreichen.
Alex Toader
12

METHODE 1

Im Package.json

"dependencies": {
    // ...
   "bootstrap": "4.1.3"
    // ...
}

Methode 2

  1. node_modulesOrdner öffnen und darunter
  2. bootstrapOrdner suchen und öffnen
  3. Jetzt können Sie die Versionsnummer in den folgenden Dateien sehen
    • package.json
    • scss/bootstrap.scss oder css/bootstrap.css
    • README.md
    • und es gibt auch andere Dateien
WasiF
quelle
Die erste von Ihnen vorgeschlagene Methode, die Überprüfung package.json, zeigt nur die Mindestversion an, die erforderlich ist, um den Build zu erfüllen. Es wird nicht angezeigt, welche Version Sie installiert haben. Werfen Sie einen Blick auf die Beschreibung von Tilde & Caret Shorthand
Tony
3

Die Bootstrap-Version wird oben in der CSS-Datei angegeben. Öffnen Sie es einfach und sehen Sie sich den Anfang der Datei an.

z.B

/*!
 * 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.
 */
Billy Moat
quelle
Welche CSS-Datei?
Matt
2

Sollte oben auf der Seite angegeben werden.

Etwas wie.

/* =========================================================
 * 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.
 * ========================================================= */
wizoriousPRIME
quelle
"die Seite" - welche Seite?
Matt
2

Am einfachsten wäre es, die Bootstrap-Datei (bootstrap.css ODER bootstrap.min.css) zu suchen und den Docblock durchzulesen. Sie werden so etwas sehen

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

Akash Yellappa
quelle
1

Ein einfacher Weg, dies zu tun, ohne Dateien oder Ordner zu durchsuchen, wäre:

  • Öffnen Sie Ihre Webseite im Browser
  • Drücken Sie Strg + U.
  • Suchen Sie nach boostrap.min.js oder boostrap.min.css und klicken Sie darauf (es würde die Quelldatei öffnen).
  • In der ersten Zeile (kommentiert) sollte die Boostrap-Version angezeigt werden
Vrian7
quelle
0

Dieser Kommentar scheint eine benutzerdefinierte Version von Bootstrap v2.3.3 zu sein. Hier ist der Standardheader in der CSS-Datei. Beachten Sie die letzte Kommentarzeile:

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

Was versuchst du zu erreichen? Wenn es sich um eine Anpassung handelt, müssen Sie mit einer Reihe von Dateien arbeiten, obwohl dies eine schlechte Idee zu sein scheint. Andernfalls würde ich vorschlagen, mit dem vollständigen Build von v4.1.x zu arbeiten, da dies die aktuelle Version ist.

Tab
quelle
0

Öffnen Sie package.json und suchen Sie unter Abhängigkeiten. Das solltest du sehen:

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

für Winkel 5 und mehr

Akash Yellappa
quelle
-2

Um zu überprüfen, welche Version Sie derzeit haben, können Sie -v für das Befehlszeilen- / Konsolenterminal verwenden.

Bootstrap -v

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

Susie
quelle
Ich bin froh, dass du gefragt hast :) @bhansa Es gibt verschiedene Möglichkeiten, dorthin zu gelangen. Man könnte: - Verwenden Sie die Eingabeaufforderung, um die Projektordnerdatei abzurufen und den Befehl einzugeben. - Gehen Sie zum Datei-Explorer und öffnen Sie Git Bash / Git Shell / etc ... und geben Sie den Befehl ein. - Öffnen Sie das Terminal in Ihrer IDE (Visual Code / Webstorm / Atom usw.) und geben Sie dort den Befehl ein.
Susie
Dies zeigt nur die Bootstrap-Cli-Version an.
Ymerej