Angular入門(三) 引入boostrap4


1.cnpm install ngx-bootstrap bootstrap --save

   ※可能缺少jquery  cnpm i jquery

2.  打開 angular-cli.json (項目根目錄下)

      style 節點 增加

  "styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.min.css",
    "styles.css",
  ],

     script: 節點增加:

  "scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
    "../node_modules/bootstrap/dist/js/bootstrap.bundle.js"
  ],

如果 引入"../node_modules/bootstrap/dist/js/bootstrap.min.js" 會缺少 popper,js.(bootstrap4 里面集成了popper,也可以cnpm  安裝)

3.打開 style.css (項目根目錄下)

  增加:@import '~bootstrap/dist/css/bootstrap.min.css';

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM