ฉันจะระบุเวอร์ชัน Bootstrap ได้อย่างไร

ฉันต้องการอัปเดต 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 (ม.ค. 2555) ขึ้นไป ถ้าเป็นก่อนที่จะ v2.0.0 มีรายละเอียดเกี่ยวกับการอัพเกรดที่นี่

คุณยังสามารถตรวจสอบเวอร์ชัน bootstrap ผ่านคอนโซล 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.
 */

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

วิธีที่ง่ายที่สุดคือการค้นหาไฟล์ bootstrap (bootstrap.css หรือ bootstrap.min.css) และอ่าน docblock คุณจะเห็นสิ่งนี้

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

วิธีง่ายๆในการดำเนินการนี้โดยไม่ต้องค้นหาไฟล์หรือโฟลเดอร์คือ:

• เปิดหน้าเว็บของคุณบนเบราว์เซอร์
• กด ctrl + U
• ค้นหา boostrap.min.js หรือ boostrap.min.css จากนั้นคลิก (มันจะเปิดไฟล์ซอร์ส)
• ในบรรทัดแรก (แสดงความคิดเห็น) คุณควรเห็นเวอร์ชัน boostrap

ความคิดเห็นนั้นดูเหมือนเป็น 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 สำหรับบรรทัดคำสั่ง / เทอร์มินัลคอนโซล

bootstrap -v

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