本系列文章為參照Bootstrap中文教學 自己加一些註解後的內容
固定佈局
提供一個共用固定寬度(也可選擇嚮應式)的佈局方式,僅僅需要 <div class="container">

  1. <body>
  2. <div class="container">
  3. ...
  4. </div>
  5. </body>

Swark 發表在 痞客邦 留言(0) 人氣()

本系列文章為參照Bootstrap中文教學 自己加一些註解後的內容

流動網格範例

流動網格系統裡的列寬度使用百分比替代像素。它和固定網格系統一樣擁有嚮應式能力,這能保證它能對關鍵的螢幕解析度和設備做出調整。

Swark 發表在 痞客邦 留言(0) 人氣()

 

本系列文章為參照Bootstrap中文教學  自己加一些註解後的內容
預設網格系統

預設的 Bootstrap 網格系統(grid system)為 12 列,這會做出一個 940px 寬的容器,並且沒有 嚮應式特性。如果加入嚮應式 CSS 檔案,網格系統會自動依可視視窗的寬度從 724px 到 1170px 進行動態條整。可視視窗在低於 767px 寬度下,列會變成流動且垂直堆疊。

嚮應式特性
依照上述形容,響應式特性應該是有一個名為網格系統的東西,會依據下圖自動去選擇要以哪一種網格大小(寬度)去展現網頁,主要可以針對不同的視窗大小(手機或電腦?)有最佳化呈現.

Swark 發表在 痞客邦 留言(0) 人氣()

本系列文章為參照Bootstrap中文教學  自己加一些註解後的內容
1.必須採用HTML5

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. ...
  4. </html>

 

lang=language;
中文:zh,zh-cn,zh-hk..

Swark 發表在 痞客邦 留言(0) 人氣()

"欸!欸!欸!"我站到他的桌前

不對   是我的桌前

"蛤?"眼前這人專心看著自己的書...

Swark 發表在 痞客邦 留言(3) 人氣()

冬神過境  將我鎖在被窩 

雖說截稿的日子好像還很遠
 
但是好久沒去那裏了

Swark 發表在 痞客邦 留言(1) 人氣()

咖啡廳裡依舊空蕩   柔和的燈光  白紙被渲染成黃色
 
臻果拿鐵的香氣  飄盪在周圍的空氣  杯壁上的水滴

倒映著一個人的孤單  我的孤單

Swark 發表在 痞客邦 留言(0) 人氣()



P1
(圖書館中~男主角在裡面看書)

Swark 發表在 痞客邦 留言(6) 人氣()

P1
T:夜晚(夢)

一人跑在街上
(左右側拍..正拍..背拍)

Swark 發表在 痞客邦 留言(2) 人氣()

第十一幕

 

師:同學我們今天有個轉學生。

轉學生:大家好!我叫李翎樹,大家叫我阿樹就可以了!

師:東昱。

Swark 發表在 痞客邦 留言(0) 人氣()