Jak rozpoznać wersję Bootstrap?

Chcę zaktualizować Bootstrap w witrynie, ale nie znam zainstalowanej wersji.

Jak mogę zidentyfikować wersję bootstrap, używając tylko plików bootstrap.css i bootstrap.min.js?

W pliku CSS nie ma wersji, a plik min.js zawiera następujący komentarz.

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

Na górze bootstrap.csspowinieneś mieć komentarze takie jak poniżej:

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

Jeśli ich tam nie ma, prawdopodobnie zostały usunięte.

WERSJE:

Można przeglądać historię wersji tutaj . Zgodność wsteczna nie powinna być przerywana, jeśli źródłem jest wersja 2.0.0 (styczeń 2012) lub nowsza. Jeśli jest starsza niż wersja 2.0.0, szczegółowe informacje na temat aktualizacji znajdują się tutaj .

Możesz również sprawdzić wersję bootstrap poprzez konsolę javascript w przeglądarce:

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

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

Publikując to tutaj, ponieważ zawsze napotykam to pytanie, gdy zapominam o uwzględnieniu JavaScript w wyszukiwaniu i kończę na tym pytaniu zamiast powyższego. Jeśli to ci pomoże, pamiętaj, aby zagłosować za tą odpowiedzią.

METODA 1

W Package.json

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

METODA 2

1. Otwórz node_modulesfolder i pod nim
2. Wyszukaj i otwórz bootstrapfolder
3. Teraz będziesz mógł zobaczyć numer wersji w następujących plikach
   • package.json
   • scss/bootstrap.scss lub css/bootstrap.css
   • README.md
   • i są też inne pliki

Wersja Bootstrap zostanie podana na początku pliku CSS. Po prostu otwórz go i spójrz na górę pliku.

na przykład

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

Powinien być umieszczony na górze strony.

Coś jak.

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

Najłatwiej byłoby zlokalizować plik bootstrap (bootstrap.css LUB bootstrap.min.css) i przeczytać dokument blokowy, zobaczysz coś takiego

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

Prostym sposobem na zrobienie tego bez wyszukiwania plików lub folderów byłoby:

• Otwórz swoją stronę internetową w przeglądarce
• naciśnij ctrl + U
• wyszukaj boostrap.min.js lub boostrap.min.css, a następnie kliknij (otworzy to plik źródłowy)
• w pierwszej linii (skomentowanej) powinieneś zobaczyć wersję boostrap

Ten komentarz wygląda na niestandardową wersję Bootstrap v2.3.3, tutaj jest domyślny nagłówek w .css, zwróć uwagę na ostatnią linię komentarza:

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

Co próbujesz osiągnąć? Jeśli jest to dostosowywanie, masz zestaw plików do pracy, chociaż wydaje się to złym pomysłem. W przeciwnym razie sugerowałbym przejście na pełną wersję v4.1.x, ponieważ jest to aktualna wersja.

Otwórz plik package.json i przejrzyj zależności. Powinieneś zobaczyć:

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

dla kątowych 5 i starszych

Aby sprawdzić, jaką masz obecnie wersję, możesz użyć -v dla terminala wiersza poleceń / konsoli.

bootstrap -v

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