RWD的好處不須多提，但手刻耗時費力。

有時也不須用到完整一大坨的BOOTSTRAP

所以我是這樣處裡的，

真不誇張，五分鐘見效,

迅速搞定:

先去官網把編譯完的CSS download下來:

https://getbootstrap.com/docs/4.0/getting-started/download/

image

image

取自己需要的css丟進專案裡,我這需要 grid system rwd:

image

配合官網範例:

https://getbootstrap.com/docs/4.0/examples/

例如我現在需要個文章縮圖頁面 https://getbootstrap.com/docs/4.0/examples/album/

html copy下來，搭配剛剛的bootstrap-grid.css

image

整個過程5分鐘 就能完工一個活靈活現的rwd相簿(blog首頁):

image

image

 

 

arrow
arrow
    文章標籤
    css bootstrap web code rwd
    全站熱搜
    創作者介紹
    創作者 MonkeyJ 的頭像
    MonkeyJ

    程式猴

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

    E-mail轉寄