¿Cómo identifico la versión de Bootstrap?

120

Quiero actualizar Bootstrap en un sitio, pero no conozco la versión instalada.

¿Cómo puedo identificar la versión de bootstrap, con solo los archivos bootstrap.css y bootstrap.min.js?

No hay una versión en el archivo CSS y el archivo min.js contiene el siguiente comentario.

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

Respuestas:

163

En la parte superior bootstrap.cssdebe tener comentarios como el siguiente:

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

Si no están allí, probablemente se hayan eliminado.

VERSIONES:

Puede revisar el historial de versiones aquí . La compatibilidad con versiones anteriores no debe romperse si la fuente es v2.0.0 (enero de 2012) y superior. Si es anterior a la v2.0.0, hay detalles sobre la actualización aquí .

Curtidor
fuente
Tanner, me preocupa la compatibilidad con versiones anteriores de js
Nikita
4
Me doy cuenta de que bootstrap 3 no salió hasta agosto de 2013 (después de esta pregunta y respuesta), pero para cualquiera que lea después de esta fecha, tenga en cuenta que bootstrap v3.x no es compatible con versiones anteriores de v2.x getbootstrap.com/migration
mulllhausen
1
El comentario "¿no puede simplemente actualizar a la última versión?" me impide dar un voto a favor. Es innecesario y no ayuda a responder la pregunta. Y además, si tan solo actualizar a la última versión fuera tan fácil.
Matt
@Matt estuvo de acuerdo, era parte de la respuesta original antes de la edición que agregaba información sobre versiones. He eliminado esa parte ahora.
Tanner
15

También puede verificar la versión de bootstrap a través de la consola de JavaScript en el navegador:

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

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

Publicando esto aquí porque siempre me encuentro con esta pregunta cuando me olvido de incluir JavaScript en la búsqueda y termino con esta pregunta en lugar de la anterior. Si esto le ayuda, asegúrese de votar también a favor de esa respuesta.

Nuclear
fuente
2
jQuery.fn.tooltip.Constructor.VERSION para casos sin conflicto :) ¡Gracias!
Mubashar Aftab
1
Esta debería ser la respuesta aceptada: es la más fácil de acceder.
alex toader
13

MÉTODO 1

En Package.json

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

MÉTODO 2

  1. Abra la node_modulescarpeta y debajo de eso
  2. Buscar y abrir bootstrapcarpeta
  3. Ahora podrá ver el número de versión en los siguientes archivos
    • package.json
    • scss/bootstrap.scss o css/bootstrap.css
    • README.md
    • y también hay otros archivos
WasiF
fuente
El primer método que propone, la comprobación package.json, solo le muestra la versión mínima requerida para satisfacer la compilación. No muestra qué versión tiene instalada. Echa un vistazo a la descripción de Tilde & Caret Shorthand
Tony
3

La versión de Bootstrap se indicará en la parte superior del archivo CSS. Simplemente ábralo y observe la parte superior del archivo.

p.ej

/*!
 * 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
fuente
¿Qué archivo CSS?
Matt
2

Debe indicarse en la parte superior de la página.

Algo como.

/* =========================================================
 * 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
fuente
"la página" - ¿qué página?
Matt
2

Lo más fácil sería ubicar el archivo de arranque (bootstrap.css O bootstrap.min.css) y leer el docblock, verá algo como esto

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

Akash Yellappa
fuente
1

Una forma fácil de hacer esto, sin buscar archivos o carpetas, sería:

  • Abra su página web en el navegador
  • presione ctrl + U
  • busque boostrap.min.js o boostrap.min.css, luego haga clic en él (abriría el archivo de código fuente)
  • en la primera línea (comentada) debería ver la versión de boostrap
Vrian7
fuente
0

Ese comentario parece que es una versión personalizada de Bootstrap v2.3.3, aquí está el encabezado predeterminado en .css, observe la última línea de comentario:

/*!
 * 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ás tratando de lograr? Si se trata de personalización, entonces tiene un conjunto de archivos con los que trabajar, aunque parece una mala idea. De lo contrario, sugeriría ir con la compilación completa de v4.1.x ya que esa es la versión actual.

Lengüeta
fuente
0

Abra package.json y busque en las dependencias. Deberías ver:

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

para angular 5 y más

Akash Yellappa
fuente
-2

Para verificar qué versión tiene actualmente, puede usar -v para la línea de comando / terminal de consola.

bootstrap -v

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

Susie
fuente
Me alegro de que hayas preguntado :) @bhansa Hay varias formas de llegar. Se podría: - Usar el símbolo del sistema para obtener el archivo de la carpeta del proyecto y escribir el comando. - Vaya al explorador de archivos y abra Git Bash / Git Shell / etc ... y escriba el comando. - Abra la terminal dentro de su IDE (Visual Code / Webstorm / Atom, etc.) y escriba el comando allí.
Susie
Esto solo muestra la versión de bootstrap-cli.
ymerej