Як визначити версію Bootstrap?

Я хочу оновити Bootstrap на сайті, але не знаю встановленої версії.

Як я можу ідентифікувати версію для завантаження з лише файлами bootstrap.css та bootstrap.min.js?

У файлі CSS немає версії, а файл min.js містить наступний коментар.

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

У верхній частині bootstrap.cssви повинні мати коментарі, як показано нижче:

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

Якщо їх там немає, їх, мабуть, видалили.

ВЕРСІЇ:

Ви можете переглянути історію версій тут . Зворотну сумісність не слід порушувати, якщо джерелом є версія v2.0.0 (січ 2012) та вище. Якщо до v2.0.0 є відомості про модернізацію тут .

Ви також можете перевірити версію завантажувача через консоль javascript у браузері:

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

Кредит: https://stackoverflow.com/a/43233731/1608226

Опублікувавши це тут, тому що я завжди стикаюся з цим питанням, коли забуваю включити JavaScript у пошук і завершити це питання замість вищевказаного. Якщо це допоможе вам, не забудьте також підтримати цю відповідь.

МЕТОД 1

В Package.json

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

МЕТОД 2

1. Відкрийте node_modulesпапку і під цим
2. Пошук і відкриття bootstrapпапки
3. Тепер ви зможете побачити номер версії в наступних файлах
   • package.json
   • scss/bootstrap.scss або css/bootstrap.css
   • README.md
   • і є й інші файли

Версія Bootstrap буде вказана у верхній частині файлу CSS. Просто відкрийте його і подивіться вгорі файлу.

напр

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

Потрібно вказати вгорі сторінки.

Щось на зразок.

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

Найпростіше було б знайти файл завантажувального файлу (bootstrap.css АБО bootstrap.min.css) і прочитати через docblock, ви побачите щось подібне

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

Простий спосіб зробити це без пошуку файлів чи папок:

• Відкрийте веб-сторінку в браузері
• натисніть ctrl + U
• пошук boostrap.min.js або boostrap.min.css, а потім натисніть на нього (він відкриє файл вихідного коду)
• у першому рядку (коментується) ви повинні побачити версію для завантаження

Цей коментар виглядає так, що це спеціальна версія Bootstrap v2.3.3, ось заголовок за замовчуванням у .css, помічайте останній рядок коментарів:

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

Що ви намагаєтеся досягти? Якщо це налаштування, то у вас є набір файлів, з якими можна працювати, хоча це здається поганою ідеєю. В іншому випадку я б запропонував перейти з повною версією v4.1.x, оскільки це поточний випуск.

Відкрийте package.json і перегляньте залежність. Ви повинні побачити:

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

для кутових 5 і більше

Щоб перевірити, яку версію ви маєте в даний момент, ви можете використовувати -v для командного рядка / консольного терміналу.

завантажувальний -v

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