Search
手把手自訂你的 Bootstrap 樣式
不用 gulp、webpack，只需要開啟 VSCode～
Q: 為什麼要客製化？
客製化可以使 Bootstrap 更符合專案的風格樣式。
Q: 用覆蓋不行嗎？一定要客製化嗎？
就經驗上來說，覆蓋通常會缺少許多的狀態，如按鈕的 hover, active, focus 等等，並且容易使樣式缺少一致性。
Q: 編譯？Bootstrap 不是 CSS 嗎？
Bootstrap 的 .css 檔案是編譯後的結果，它原始檔案是屬於 .scss 的結構，本文只會針對其中的變數檔案進行介紹，不需要會 .scss 也可以進行調整喔。
Q: 客製化環境是不是很複雜，如果沒有 gulp、webpack 使用經驗是否就無法？
不會，本章節介紹的方式僅需要使用 VSCode 即可（有安裝 Node.js 更好，但不強制）。
#純靠北工程師2wk
雖然在這裡求職有點怪，但也算是一個管道吧?
小弟我想尋找前端工程師的職位。小弟我工作經驗1年以上未滿2年，經驗主要以前端項目為主，有Restful API、RWD、
Bootstrap...等經驗，主要以
React.js為開發框架；後端對
node.js、SQL、NoSQL、
Linux(Ubuntu) 略懂略懂，方便與後端的夥伴溝通。我絕對不資深沒很強，但我有顆上進的心以及認真的工作態度，如果各位大大的公司有相關的職缺，是否可留個言呢？小弟會恭敬的私訊以及呈上履歷的!
👉 去 GitHub 給我們🌟用行動支持純靠北工程師 https://github.com/init-engineer/init.engineer
📢 匿名發文請至 https://kaobei.engineer/cards/create
🥙 全平台留言 https://kaobei.engineer/cards/show/3764
或許夥伴們正想進階到網頁設計開發，這篇新手入門是經驗談，整理的很棒！一定要分享。感謝作者無私奉獻～
作者說：此文章我預設的對象是毫無程式基礎的人。若你已經有了程式基礎，可以自行略過相關的單元。
Hello 大家好
這次要來分享的是網頁前端的學習路線以及資源
是我帶過一些學生並思考過後慢慢總結出來的路線
去 Google 找已經可以找到很多學習路線的相關資源
但我這篇會講得比較詳細一點
文章很長，因為每一點都有附上學習理由與學習目標
這邊先附上大綱，有興趣再點進去看：
1. Command Line 的使用
2. Git 的使用
3. npm、Node.js 與 JavaScript 程式基礎
4. 單元測試 Unit Testing 與 Jest
5. 網路基礎概念
6. HTML 與 CSS
7. JavaScript 與 DOM 以及事件機制
8. 非同步與 AJAX
9. 基礎後端 PHP 與 MySQL
10. 資訊安全概念
11. 學習後端框架 Express
12. 後端部署
13. jQuery 與 Bootstrap
14. CSS 預處理器
15. 非同步歷程：callback、promise 與 async/await
16. 深入理解 JavaScript 與瀏覽器相關機制
17. gulp 與 webpack
18. 物件導向
19. React/Vue/Angular 三選一
（如果你疑惑為什麼要學後端，文章裡有寫理由）
有些人可能會覺得上面列出來的東西很多
但我覺得學完以後只是個開始而已
從每一項基礎都可以延伸出更多的東西
希望這篇文章能對想要學習網頁前端的人有幫助
Node.js and Bootstrap Example Application. Contribute to bradley-holt/nodejs-bootstrap development by creating an account on GitHub. ... <看更多>
只要在node.js 環境中輸入以下程式碼即可： npm install bootstrap. 接下來在專案內會增加 node_modules/bootstrap 的資料夾，並且內部包含Bootstrap ... ... <看更多>
node.js bootstrap 在 Using Bootstrap with npm and Node.js - Stack Overflow 的推薦與評價
... <看更多>
相關內容