Làm cách nào để xác định phiên bản Bootstrap?

Tôi muốn cập nhật Bootstrap trên một trang web, nhưng tôi không biết phiên bản đã cài đặt.

Làm cách nào để xác định phiên bản bootstrap, chỉ với các tệp bootstrap.css và bootstrap.min.js?

Không có phiên bản nào trong tệp CSS và tệp min.js chứa nhận xét sau.

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

Ở phần trên cùng của bootstrap.cssbạn, bạn sẽ có những bình luận như dưới đây:

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

Nếu chúng không có ở đó, thì chúng có thể đã bị xóa.

PHIÊN BẢN:

Bạn có thể xem lại lịch sử phiên bản tại đây . Khả năng tương thích ngược sẽ không bị hỏng nếu nguồn là v2.0.0 (tháng 1 năm 2012) trở lên. Nếu là trước v2.0.0, có thông tin chi tiết về việc nâng cấp tại đây .

Bạn cũng có thể kiểm tra phiên bản bootstrap thông qua bảng điều khiển javascript trong trình duyệt:

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

Tín dụng: https://stackoverflow.com/a/43233731/1608226

Đăng bài này ở đây vì tôi luôn gặp câu hỏi này khi tôi quên đưa JavaScript vào tìm kiếm và kết thúc câu hỏi này thay vì câu hỏi ở trên. Nếu điều này có ích cho bạn, hãy chắc chắn ủng hộ câu trả lời đó.

PHƯƠNG PHÁP 1

Trong Package.json

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

PHƯƠNG PHÁP 2

1. Mở node_modulesthư mục và dưới đó
2. Tìm kiếm và mở bootstrapthư mục
3. Bây giờ bạn sẽ có thể thấy số phiên bản trong các tệp sau
   • package.json
   • scss/bootstrap.scss hoặc là css/bootstrap.css
   • README.md
   • và có những tệp khác nữa

Phiên bản Bootstrap sẽ được nêu ở đầu tệp CSS. Đơn giản chỉ cần mở nó và nhìn vào đầu tệp.

ví dụ

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

Vui mừng được nêu trên đầu trang.

Cái gì đó như.

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

Cách dễ nhất là xác định vị trí tệp bootstrap (bootstrap.css HOẶC bootstrap.min.css) và đọc qua docblock, bạn sẽ thấy một cái gì đó như thế này

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

Một cách dễ dàng để thực hiện việc này mà không cần tìm kiếm tệp hoặc thư mục sẽ là:

• Mở trang web của bạn trên trình duyệt
• nhấn ctrl + U
• tìm kiếm boostrap.min.js hoặc boostrap.min.css, sau đó nhấp vào nó (nó sẽ mở tệp nguồn)
• ở dòng đầu tiên (đã nhận xét) bạn sẽ thấy phiên bản boostrap

Nhận xét đó có vẻ như đây là phiên bản tùy chỉnh của Bootstrap v2.3.3, đây là tiêu đề mặc định trong .css, hãy chú ý dòng nhận xét cuối cùng:

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

Bạn đang cố gắng để thực hiện? Nếu đó là tùy chỉnh thì bạn có một tập hợp các tệp để làm việc mặc dù đó có vẻ là một ý tưởng tồi. Nếu không, tôi khuyên bạn nên sử dụng bản dựng đầy đủ của v4.1.x vì đó là bản phát hành hiện tại.

Mở package.json và xem phần phụ thuộc. Bạn nên thấy:

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

cho góc 5 trở lên

Để kiểm tra phiên bản bạn hiện có, bạn có thể sử dụng -v cho dòng lệnh / thiết bị đầu cuối bảng điều khiển.

bootstrap -v

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