Как определить версию 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
*/

Ответ 1

В верхней части 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 г.) и выше. Если до версии 2.0.0 есть подробности об обновлении здесь.

Ответ 2

МЕТОД 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
    • и есть другие файлы тоже

Ответ 3

Версия 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.
 */

Ответ 4

В верхней части страницы указывается громкость.

Что-то вроде.

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

Ответ 5

Проще всего было бы найти файл начальной загрузки (bootstrap.css ИЛИ bootstrap.min.css) и прочитать документальный блок, вы увидите что-то вроде этого

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

Ответ 6

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

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

Кредит: fooobar.com/questions/2403162/...

Публикуя это здесь, потому что я всегда сталкиваюсь с этим вопросом, когда забываю включить JavaScript в поиск и получаю ответ на этот вопрос вместо приведенного выше. Если это поможет вам, обязательно подтвердите этот ответ.

Ответ 7

Этот комментарий выглядит так, как будто это пользовательская версия 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, поскольку это текущий выпуск.

Ответ 8

Откройте package.json и посмотрите под зависимостями. Вы должны увидеть:

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

для angular 5 и более

Ответ 9

Простой способ сделать это без поиска файлов или папок:

  • Откройте веб-страницу в браузере
  • нажмите Ctrl + U
  • найдите boostrap.min.js или boostrap.min.css, затем щелкните по нему (откроется исходный файл)
  • в первой строке (с комментариями) вы должны увидеть версию boostrap

Ответ 10

Чтобы проверить, какая версия у вас есть, вы можете использовать -v для терминала командной строки/консоли.

bootstrap -v

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