electron中使用bootstrap

安裝

安裝bootstrap命令如下：
npm install bootstrap --save

成都創(chuàng)新互聯公司主營東勝網站建設的網絡公司,主營網站建設方案,成都App制作,東勝h5小程序設計搭建,東勝網站營銷推廣歡迎東勝等地區(qū)企業(yè)咨詢

安裝后可能報告如下錯誤：
npm WARN bootstrap@4.1.3 requires a peer of popper.js@^1.14.3 but none is installed. You must install peer dependencies yourself.

需要自行安裝popper，命令如下：
npm install popper.js@^1.14.3 --save

頁面引入bootstrap

頁面引入bootstrap的css和js文件如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
</head>
<body>
Hello electron!
<div>
    <button id="openFile" class="btn btn-success">Open File</button>
    <button id="sendMsg" class="btn btn-warning">Send Message (Open File)</button>
</div>
<script>
    window.$ = window.jQuery = require('./node_modules/jquery/dist/jquery.min.js');
    require('./node_modules/bootstrap/dist/js/bootstrap.min.js');
</script>

注：網上有的例子中，引入bootstrap.min.css是用傳統方式引入，即：

<link rel="stylesheet" >

這種方式太搞笑了吧，明明已經在本地裝好了全套的bootstrap，偏偏CSS還要用網絡方式引入，又浪費流量，速度又慢，真是不知道想出這種方式的人是怎么想的。

本文題目：electron中使用bootstrap
網站鏈接：http://jinyejixie.com/article36/iihpsg.html

成都網站建設公司_創(chuàng)新互聯，為您提供搜索引擎優(yōu)化、網站策劃、定制網站、品牌網站建設、網站營銷、網頁設計公司

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯

猜你還喜歡下面的內容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

electron中使用bootstrap

安裝

頁面引入bootstrap