技術 【Bootstrap】x 學習筆記 | Grid 格線系統 - 1

bootstrap 的格線系統非常有名其主要是將整個網頁分成12等份，為什麼是12等份呢!??因為一般網頁佈局大多為 三欄、四欄、六欄的佈局，為了讓這些需求都能...

技術 【Bootstrap】 x 學習筆記 | QuickStart

鐵人賽之後還有... 最近Bootstrap v5.0 alpha版推出了， 趁著寫鐵人賽養成的小小習慣，再來寫個東西吧 鐵人賽之後，開始想把自己平常所學的東西...

技術 文章分類頁面的上頁按鈕？下頁按鈕？看完這篇你就會設定了

更改內容概要字數限制 我們回到昨天內容概要的部分，你會注意到，顯示的字數並不多，這是因為，wordpress把內容概要的字數限制，設定為55個（若把wordpr...

技術 【Day13】使用bootstrap navwalker ， 但不會設定multi－layer ？不會改變dropdown menu 顏色？看這篇對了

相信大家看完昨天的文章後，已基本會架設在bootstrap，架設bootstrap menu吧。 不過聰明的你，應該也會發現，這看起來不對勁呀。怎麼怪怪的呀，這...

技術 【Day12】Navwalker ， 讓你也能夠在wordpress加入bootstrap選單

接下來我們開始製作選單，還記得之前花了大量時間去製作的bootstrap選單嗎？沒看就按這裡吧。這裡我們也可以引入進去，不過，因為bootstrap選單格式和一...

技術 【Day8】從bootstrap看css優先權，box－model，以及帶你加設響應式文字和Googlefont字體

雖然上星期，我們已經基本完成了整個頁面，不過還是有少量問題，一：dropdown顏色並不美觀，二：很多地方彼此的相距實在太近，例如下方的cards，三：文字並不...

技術 【Day6】用bootstrap的Jumbotrons，顏色，文字調整，以及cards，讓新手的你也能製作簡單的主頁面

接下來的三天，我們都會繼續介紹bootstrap,完成這三天之後，你也將會有能力去製作像下圖一樣的首頁版面： 廢話少說我們立即開始吧！不過這麼多，該從可做起？...

技術 【Day 5】新手也會懂的Bootstrap container 與 flex grid system

今天，為大家介紹一下bootstrap，讓你哪怕不太會css和javascript，也能夠簡單地裝飾您的html編碼，加設互動。不過，由於功能極多，這篇文章並不...

技術 旅館預約服務練習紀錄-訂房確認頁面練習

這次要寫的練習紀錄是選定房間後會彈跳出來的視窗，但因為小弟 JS 還在學習中，還不會寫彈跳出來的互動行為，所以先把靜態頁面做練習，這次的練習使用到 BS4 框...

技術 要開始使用 Bootstrap 4 前，我們先了解幾個它的通用模式吧

前情提要：讓我們站在巨人的肩膀上，如何在專案中導入 Bootstrap 4 並客製它 ★首先這篇文章適合以下背景的人閱讀： 熟悉 HTML、CSS 知道如何...

技術 旅館預約服務練習紀錄-Bootstrap 4 + Scss

繼鐵人賽後，想把自己再推前進一點，在 30 天的陶冶後，發現每天撥一點時間思考與撰寫程式，可以提升對於程式的熟悉感，並可以爬梳自己所理解的東西，就算可能當下不了...

技術 第 21 天：Flask：裝飾我們的網頁

第 21 天：Flask：裝飾我們的網頁 不住在紐約的人可能不知道，維克牧場坐落在一家裝潢的有點華麗的賽頓莊園裡。我以前經常去那裡，但現在我再也不去了。我慢慢...

技術 16 用elm寫css

elm-css 既然html，js都可以用elm compile出來，那css可以嗎？ 當然是可以的，雖然大多數的人還是把css另外寫，不過如果你要吃elm全餐...

技術 切版起手式，以Daily UI 01-Sign up為例 2/2

前言昨天簡單介紹了切版的先備知識後，今天以套用 Bootstrap4 切版為主軸，說明如何在 Bootstrap4 基礎下，設定自己的主題色，以及運用 Boot...

技術 切版起手式，以Daily UI 01-Sign up為例 1/2

前言前三篇介紹了以 Daily UI-Sign Up為例設計的畫面相關細節，此時前端工程師就會從設計師手中拿到設計稿(如 Zeplin)等資訊，將視覺畫面進行「...