將電子與 Bootstrap 連結

為了使用 bootstrap,有 2 種情況。

  1. 電子應用程式連線到網際網路
  2. 電子應用程式未連線到網際網路

對於連線到網際網路的電子應用程式,我們可以使用 CDN 連結進行引導,並將其包含在我們的 html 檔案中。

當我們不得不將應用程式未連線到網路的離線版本時,問題就出現了。在這種情況下,

  1. Bootstrap 下載 bootstrap
  2. 將資料夾解壓縮到電子應用程式中
  3. 在 bootstrap 目錄中,有 css 和 javascript 檔案。
  4. 為了更好地理解,將 bootstrap css 檔案移動到 CSS 資料夾(所有樣式檔案將在此資料夾中)並將 js 檔案引導到 JS 資料夾(所有 Javascript 檔案將在此資料夾中)
  5. 在你的 html 檔案中,使用以下程式碼連結 html 檔案
<link rel="stylesheet" href="path_to_the_offline_bootstrap_css_file">
<script scr="path_to_the_offline_bootstrap_js_file"></script>

通過這種方式,你可以在電子框架中開始使用 twitter bootstrap。