Как определить версию Bootstrap?


120

Я хочу обновить 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
*/

Ответы:


163

Вверху 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.
 */

Если их там нет, то, вероятно, они были удалены.

ВЕРСИИ:

Вы можете просмотреть историю версий здесь . Обратная совместимость не должна нарушаться, если исходный код версии 2.0.0 (январь 2012 г.) и выше. Если это более ранняя версия, чем v2.0.0, подробности по обновлению можно найти здесь .


Таннер, меня беспокоит обратная совместимость для js
Никита

4
Я понимаю, что bootstrap 3 не вышел до августа 2013 года (после этого вопроса и ответа), но для всех, кто читает после этой даты - обратите внимание, что bootstrap v3.x не имеет обратной совместимости с v2.x getbootstrap.com/migration
mulllhausen

1
Комментарий "а можно просто не обновиться до последней версии?" не дает мне проголосовать за это. Это не нужно и не помогает ответить на вопрос. И кроме того, если бы только обновление до последней версии было таким простым.
Мэтт

@Matt согласился, это была часть исходного ответа до редактирования, добавляющего информацию о версиях. Убрали эту часть сейчас.
Таннер

15

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

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

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

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


2
jQuery.fn.tooltip.Constructor.VERSION без конфликтных ситуаций :) Спасибо!
Мубашар Афтаб

1
Это должен быть принятый ответ - к нему проще всего получить доступ.
Алексей Тодер

13

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

Первый предлагаемый вами метод, проверка package.json, показывает только минимальную версию, необходимую для сборки. Он не показывает, какая версия у вас установлена. Взгляните на описание Tilde & Caret Shorthand
Тони

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

Какой файл CSS?
Мэтт

2

Это должно быть указано вверху страницы.

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

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

"страница" - какая страница?
Мэтт

2

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

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


1

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

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

0

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


0

Откройте package.json и посмотрите зависимости. Тебе следует увидеть:

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

для угловых 5 и старше


-2

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

бутстрап -v

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


Я рад, что вы спросили :) @bhansa Есть разные способы добраться. Можно: - Воспользуйтесь командной строкой, чтобы получить файл папки проекта, и введите команду. - Зайдите в проводник и откройте Git Bash / Git Shell / и т. Д. И введите команду. - Откройте терминал в своей среде IDE (Visual Code / Webstorm / Atom и т. Д.) И введите там команду.
Susie

Это отображает только версию bootstrap-cli.
ymerej
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.