Bagaimana cara mengidentifikasi versi Bootstrap?

Saya ingin memperbarui Bootstrap di situs, tetapi saya tidak tahu versi yang diinstal.

Bagaimana saya dapat mengidentifikasi versi bootstrap, hanya dengan file bootstrap.css dan bootstrap.min.js?

Tidak ada versi dalam file CSS dan file min.js berisi komentar berikut.

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

Di bagian atas bootstrap.cssAnda harus memiliki komentar seperti di bawah ini:

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

Jika tidak ada, maka kemungkinan besar telah dihapus.

VERSI:

Anda dapat meninjau riwayat versi di sini . Kompatibilitas dengan versi sebelumnya tidak boleh rusak jika sumbernya adalah v2.0.0 (Jan 2012) dan yang lebih baru. Jika sebelum v2.0.0 ada detail tentang peningkatan di sini .

Anda juga dapat memeriksa versi bootstrap melalui konsol javascript di browser:

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

Kredit: https://stackoverflow.com/a/43233731/1608226

Memposting ini di sini karena saya selalu menemukan pertanyaan ini ketika saya lupa menyertakan JavaScript dalam pencarian dan berakhir pada pertanyaan ini, bukan pertanyaan di atas. Jika ini membantu Anda, pastikan untuk memberi suara positif pada jawaban itu juga.

METODE 1

Di Package.json

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

METODE 2

1. Buka node_modulesfolder dan di bawahnya
2. Cari dan buka bootstrapfolder
3. Sekarang Anda akan dapat melihat nomor versi di file berikut
   • package.json
   • scss/bootstrap.scss atau css/bootstrap.css
   • README.md
   • dan ada file lain juga

Versi Bootstrap akan disebutkan di bagian atas file CSS. Cukup buka dan lihat di bagian atas file.

misalnya

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

Harus dinyatakan di bagian atas halaman.

Sesuatu seperti.

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

Yang paling mudah adalah dengan menemukan file bootstrap (bootstrap.css ATAU bootstrap.min.css) dan membaca docblock, Anda akan melihat sesuatu seperti ini

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

Cara mudah untuk melakukan ini, tanpa mencari file atau folder adalah:

• Buka halaman web Anda di browser
• tekan ctrl + U
• cari boostrap.min.js atau boostrap.min.css, lalu klik (itu akan membuka file sumber)
• pada baris pertama (berkomentar) Anda akan melihat versi boostrap

Komentar tersebut sepertinya adalah versi kustom dari Bootstrap v2.3.3, berikut adalah header default di .css, perhatikan baris komentar terakhir:

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

Apa yang ingin Anda capai? Jika itu kustomisasi maka Anda memiliki satu set file untuk dikerjakan meskipun itu sepertinya ide yang buruk. Jika tidak, saya akan menyarankan untuk menggunakan versi lengkap v4.1.x karena itu adalah rilis saat ini.

Buka package.json dan lihat di bawah dependensi. Anda harus melihat:

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

untuk sudut 5 ke atas

Untuk memeriksa versi apa yang Anda miliki saat ini, Anda dapat menggunakan -v untuk baris perintah / terminal konsol.

bootstrap -v

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