부트 스트랩 버전을 어떻게 식별합니까?


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

존재하지 않는 경우 삭제되었을 수 있습니다.

버전 :

여기에서 버전 기록을 검토 할 수 있습니다 . 소스가 v2.0.0 (2012 년 1 월) 이상인 경우 이전 버전과의 호환성이 깨지면 안됩니다. v2.0.0 이전 버전 인 경우 여기 에 업그레이드에 대한 세부 정보가 있습니다 .


Tanner, js의 이전 버전과의 호환성에 대해 걱정하고 있습니다
Nikita

4
나는 부트 스트랩 3이 2013 년 8 월 (이 질문과 답변 이후)까지 나오지 않았다는 것을 알고 있지만이 날짜 이후에 읽는 모든 사람을 위해-부트 스트랩 v3.x는 v2.x getbootstrap.com/migration
mulllhausen

1
"최신 버전으로 업그레이드 할 수 없습니까?" 내가이 찬성 투표를 중지합니다. 불필요하며 질문에 대한 답을 얻지 못합니다. 게다가 최신 버전으로 업그레이드하는 것이 그렇게 쉬웠다면.
Matt

@Matt는 동의했으며 버전 정보를 추가 한 편집 이전의 원래 답변의 일부였습니다. 지금 그 부분을 제거했습니다.
Tanner

15

브라우저의 자바 스크립트 콘솔을 통해 부트 스트랩 버전을 확인할 수도 있습니다.

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

크레딧 : https://stackoverflow.com/a/43233731/1608226

검색에 JavaScript를 포함하는 것을 잊고 위의 질문 대신이 질문에 끝날 때 항상이 질문을 발견했기 때문에 여기에 게시하십시오. 이것이 도움이된다면 해당 답변도 찬성표를 보내주십시오.


2
jQuery.fn.tooltip.Constructor.VERSION 충돌 사례가없는 경우 :) 감사합니다!
Mubashar Aftab

1
이것이 허용되는 대답이어야합니다. 액세스하기 가장 쉽습니다.
alex toader

12

방법 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만 표시 됩니다. 설치 한 버전은 표시되지 않습니다. 의 설명을 살펴 가지고 물결표 및 캐럿 속기
토니

3

부트 스트랩 버전은 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 파일입니까?
Matt

2

Shoud는 페이지 상단에 명시됩니다.

같은 것.

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

"페이지"-어느 페이지?
Matt

2

가장 쉬운 방법은 부트 스트랩 파일 (bootstrap.css 또는 bootstrap.min.css)을 찾고 docblock을 읽는 것입니다. 다음과 같은 내용을 볼 수 있습니다.

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


1

파일이나 폴더를 검색하지 않고이를 수행하는 쉬운 방법은 다음과 같습니다.

  • 브라우저에서 웹 페이지 열기
  • ctrl + U 누르기
  • boostrap.min.js 또는 boostrap.min.css를 검색 한 다음 클릭합니다 (소스 파일이 열립니다).
  • 첫 번째 줄 (주석)에 부 스트랩 버전이 표시됩니다.

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 / etc ...를 열고 명령을 입력하십시오. -IDE (Visual Code / Webstorm / Atom 등) 내에서 터미널을 열고 거기에 명령을 입력합니다.
Susie

이것은 bootstrap-cli 버전 만 표시합니다.
ymerej
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.