fbpx
Tag

Bootstrap Archives - 快樂學程式

小白學程式工程思維程式新手

網頁日記 # 7｜Iris 程式小白

恭喜你們看到倒數第二集啦！ 可喜可賀🤩  相信你學 JS 的目的應該也是想走前端或是做出屬於自己香味的網頁吧～ 那這集就是你發揮所學的地方嘍（摩拳擦掌🤛  延續上集下拉式選單的精彩製作，這集要來教大家如何最簡單生出看起來好像很厲害的圖片輪播 Carousel！一起練功吧～   使用 Bootstrap 前注意事項： 使用前必須按指示寫入指定 CSS 和 JS 程式碼（如不清楚可回上一篇日記 review） Carousel 功能不會自動化調整輪播畫面尺寸，因此必須另行定義 Carousel default 功能無附加箭頭 (▶) 和指示…
iris
November 20, 2020
初學程式小白學程式成長日誌程式新手

網頁日記 # 6｜Iris 程式小白

上週實作完徒手刻下拉式選單，這禮拜要來介紹偷吃步 —— 使用現成的 Bootstrap 來製作～ 但也別怪我這麼晚介紹這麼好用的功能，畢竟學習還是要從基本功開始一層一層堆疊上去 首先，你一定會問到：什麼是 Bootstrap 呢？ 根據官網定義，Bootstrap 是一個利於快速製作響應式網站 (responsive web) 和致力於行動優先 (mobile-first) 的框架，它裡面用到的技術不外乎 HTML, CSS 和 Javascript，也就是前幾集介紹過的那些東西。   在做前端的人應該多多少少聽過 RWD (Responsive Web…
iris
November 7, 2020