Come si identifica la versione Bootstrap?

Voglio aggiornare Bootstrap su un sito, ma non conosco la versione installata.

Come posso identificare la versione bootstrap, con solo file bootstrap.css e bootstrap.min.js?

Non esiste una versione nel file CSS e il file min.js contiene il seguente commento.

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

In alto bootstrap.cssdovresti avere commenti come il seguente:

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

Se non sono presenti, probabilmente sono stati eliminati.

VERSIONI:

Puoi rivedere la cronologia delle versioni qui . La compatibilità con le versioni precedenti non dovrebbe essere interrotta se la fonte è v2.0.0 (gennaio 2012) e versioni successive. Se è prima v2.0.0 ci sono dettagli su l'aggiornamento qui .

Puoi anche controllare la versione bootstrap tramite la console javascript nel browser:

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

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

Pubblicando questo qui perché mi imbatto sempre in questa domanda quando dimentico di includere JavaScript nella ricerca e finisco su questa domanda invece di quella sopra. Se questo ti aiuta, assicurati di dare un voto positivo anche a quella risposta.

METODO 1

Nel Package.json

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

METODO 2

1. Apri la node_modulescartella e sotto quella
2. Cerca e apri la bootstrapcartella
3. Ora sarai in grado di vedere il numero di versione nei seguenti file
   • package.json
   • scss/bootstrap.scss o css/bootstrap.css
   • README.md
   • e ci sono anche altri file

La versione Bootstrap verrà indicata nella parte superiore del file CSS. Basta aprirlo e guardare l'inizio del file.

per esempio

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

Deve essere indicato nella parte superiore della pagina.

Qualcosa di simile a.

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

Il modo più semplice sarebbe individuare il file bootstrap (bootstrap.css OR bootstrap.min.css) e leggere il docblock, vedrai qualcosa di simile

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

Un modo semplice per farlo, senza cercare file o cartelle sarebbe:

• Apri la tua pagina web sul browser
• premere ctrl + U
• cerca boostrap.min.js o boostrap.min.css, quindi fai clic su di esso (aprirà il file sorgente)
• in prima riga (commentato) dovresti vedere la versione boostrap

Quel commento sembra essere una versione personalizzata di Bootstrap v2.3.3, ecco l'intestazione predefinita nel .css, nota l'ultima riga di commento:

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

Cosa stai cercando di ottenere? Se si tratta di personalizzazione, hai un set di file con cui lavorare, anche se sembra una cattiva idea. Altrimenti, suggerirei di utilizzare la build completa di v4.1.x poiché questa è la versione corrente.

Apri package.json e guarda sotto le dipendenze. Tu dovresti vedere:

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

per angolare 5 e oltre

Per controllare quale versione hai attualmente, puoi usare -v per la riga di comando / terminale della console.

bootstrap -v

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