Como posso identificar a versão do Bootstrap?


120

Quero atualizar o Bootstrap em um site, mas não sei a versão instalada.

Como posso identificar a versão do bootstrap, apenas com os arquivos bootstrap.css e bootstrap.min.js?

Não há versão no arquivo CSS e o arquivo min.js contém o seguinte comentário.

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

Respostas:


163

No topo do bootstrap.cssvocê deve ter comentários como os abaixo:

/*!
 * 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 eles não estiverem lá, provavelmente foram excluídos.

VERSÕES:

Você pode revisar o histórico de versões aqui . A compatibilidade com versões anteriores não deve ser quebrada se a fonte for v2.0.0 (janeiro de 2012) e superior. Se for anterior à v2.0.0, há detalhes sobre a atualização aqui .


Tanner, estou preocupado com a compatibilidade com versões anteriores para js
Nikita

4
Eu percebo que o bootstrap 3 não foi lançado até agosto de 2013 (após esta pergunta e resposta), mas para quem ler após esta data - observe que o bootstrap v3.x não é compatível com versões anteriores com v2.x getbootstrap.com/migration
mulllhausen

1
O comentário "você não pode simplesmente atualizar para a versão mais recente?" me impede de dar um voto positivo. É desnecessário e não ajuda a responder à pergunta. Além disso, se apenas atualizar para a versão mais recente fosse tão fácil.
Matt

@Matt concordou, fazia parte da resposta original antes da edição que adicionava informações de versão. Remova essa parte agora.
Tanner,

15

Você também pode verificar a versão do bootstrap por meio do console javascript no navegador:

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

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

Postando isso aqui porque sempre me deparo com essa pergunta quando me esqueço de incluir JavaScript na busca e acabo nessa questão em vez da acima. Se isso ajudar você, certifique-se de votar a favor dessa resposta também.


2
jQuery.fn.tooltip.Constructor.VERSION para nenhum caso de conflito :) Obrigado!
Mubashar Aftab

1
Esta deve ser a resposta aceita - é a mais fácil de acessar.
alex toader

12

MÉTODO 1

No Package.json

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

MÉTODO 2

  1. Abra a node_modulespasta e abaixo dela
  2. Pesquisar e abrir bootstrappasta
  3. Agora você poderá ver o número da versão nos seguintes arquivos
    • package.json
    • scss/bootstrap.scss ou css/bootstrap.css
    • README.md
    • e existem outros arquivos também

O primeiro método que você propõe, verificando package.json, mostra apenas a versão mínima necessária para satisfazer a compilação. Não mostra qual versão você instalou. Dê uma olhada na descrição do Tilde & Caret Shorthand
Tony

3

A versão do Bootstrap será indicada no início do arquivo CSS. Basta abri-lo e olhar a parte superior do arquivo.

por exemplo

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

Qual arquivo CSS?
Matt,

2

Deve ser indicado no topo da 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.
 * ========================================================= */

"a página" - qual página?
Matt,

2

O mais fácil seria localizar o arquivo de bootstrap (bootstrap.css OU bootstrap.min.css) e ler o docblock, você verá algo assim

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


1

Uma maneira fácil de fazer isso, sem pesquisar arquivos ou pastas, seria:

  • Abra sua página da web no navegador
  • pressione ctrl + U
  • pesquise boostrap.min.js ou boostrap.min.css e clique nele (abriria o arquivo de código-fonte)
  • na primeira linha (comentada) você deve ver a versão boostrap

0

Esse comentário parece ser uma versão personalizada do Bootstrap v2.3.3, aqui está o cabeçalho padrão no .css, observe a última linha de comentário:

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

O que você está tentando realizar? Se for personalização, então você tem um conjunto de arquivos para trabalhar, embora isso pareça uma má ideia. Caso contrário, eu sugeriria ir com a compilação completa da v4.1.x, já que essa é a versão atual.


0

Abra o package.json e procure nas dependências. Você deveria ver:

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

para angular 5 e superior


-2

Para verificar qual versão você tem atualmente, você pode usar -v para a linha de comando / terminal do console.

bootstrap -v

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


Que bom que você perguntou :) @bhansa Existem várias maneiras de chegar lá. Pode-se: - Use o prompt de comando para obter o arquivo da pasta do projeto e digite o comando. - Vá para o explorador de arquivos e abra Git Bash / Git Shell / etc ... e digite o comando. - Abra o terminal dentro do seu IDE (Visual Code / Webstorm / Atom, etc) e digite o comando lá.
Susie

Isso exibe apenas a versão bootstrap-cli.
ymerej
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.