Como posso identificar a versão do Bootstrap?

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

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 .

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.

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

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

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

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)

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

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.

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

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

para angular 5 e superior

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