Wie identifiziere ich die Bootstrap-Version?

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

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 .

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.

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

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

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

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)

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

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.

Ö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

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