Comment identifier la version de Bootstrap?

Je souhaite mettre à jour Bootstrap sur un site, mais je ne connais pas la version installée.

Comment puis-je identifier la version bootstrap, avec uniquement les fichiers bootstrap.css et bootstrap.min.js?

Il n'y a pas de version dans le fichier CSS et le fichier min.js contient le commentaire suivant.

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

En haut de la, bootstrap.cssvous devriez avoir des commentaires comme ci-dessous:

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

S'ils ne sont pas là, ils ont probablement été supprimés.

VERSIONS:

Vous pouvez consulter l'historique des versions ici . La compatibilité descendante ne devrait pas être interrompue si la source est v2.0.0 (janvier 2012) et supérieure. Si elle est antérieure à la v2.0.0, vous trouverez ici des détails sur la mise à niveau .

Vous pouvez également vérifier la version bootstrap via la console javascript dans le navigateur:

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

Crédit: https://stackoverflow.com/a/43233731/1608226

Publier ceci ici parce que je rencontre toujours cette question lorsque j'oublie d'inclure JavaScript dans la recherche et que je me retrouve sur cette question au lieu de celle ci-dessus. Si cela vous aide, assurez-vous de voter également pour cette réponse.

MÉTHODE 1

Dans Package.json

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

MÉTHODE 2

1. Ouvrez le node_modulesdossier et sous celui
2. Rechercher et ouvrir le bootstrapdossier
3. Vous pourrez maintenant voir le numéro de version dans les fichiers suivants
   • package.json
   • scss/bootstrap.scss ou css/bootstrap.css
   • README.md
   • et il y a aussi d'autres fichiers

La version Bootstrap sera indiquée en haut du fichier CSS. Ouvrez-le simplement et regardez en haut du fichier.

par exemple

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

Doit être indiqué en haut de la page.

Quelque chose comme.

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

Le plus simple serait de localiser le fichier d'amorçage (bootstrap.css OU bootstrap.min.css) et de lire le docblock, vous verrez quelque chose comme ça

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

Un moyen simple de le faire, sans rechercher de fichiers ou de dossiers, serait:

• Ouvrez votre page Web sur le navigateur
• appuyez sur ctrl + U
• recherchez boostrap.min.js ou boostrap.min.css, puis cliquez dessus (cela ouvrirait le fichier source)
• à la première ligne (commentée), vous devriez voir la version boostrap

Ce commentaire ressemble à une version personnalisée de Bootstrap v2.3.3, voici l'en-tête par défaut dans le .css, notez la dernière ligne de commentaire:

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

Qu'est-ce que vous essayez d'accomplir? S'il s'agit de personnalisation, vous avez un ensemble de fichiers avec lesquels travailler, bien que cela semble être une mauvaise idée. Sinon, je suggérerais d'aller avec la version complète de la v4.1.x puisque c'est la version actuelle.

Ouvrez package.json et regardez sous les dépendances. Tu devrais voir:

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

pour angulaire 5 et plus

Pour vérifier la version dont vous disposez actuellement, vous pouvez utiliser -v pour le terminal de ligne de commande / console.

bootstrap -v

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