2015年7月23日 星期四

Bootstrap教學-Bootstrap3自適應Photoshop網格模版素材檔

雖然目前有許多RWD的CSS framework,但最常被使用則是由社群網Twitter所推出的Bootstrap,之所以會被大家喜愛,最主要的原因就是簡單好應用,也是因為如 此讓梅干對Bootstrap愛不釋手,透過Bootstrap可以快速的完成專案,省去自行一個一個慢慢刻,但許多朋友當開始使用Bootstrap 時,第一個會遇到的問題就是,在Photoshop中網頁尺寸要開多大,以及要如何規畫。

雖然在Bootstrap的文件中,也已明確的說明每個解析的尺寸與每個欄位的大小,但要一個一個尺寸慢慢的拉出格線,實在有點浪費時間,所以梅干最近在 網路上發現一個很佛心的網站,將Bootstrap的網格,作好一份份的PSD檔,因此當下載後,立即就可使用,並依照Bootstrap 12欄來作設計,因此有用Bootstrap的朋友,也趕快來下載囉!

http://benstewart.net/2014/04/bootstrap3-responsive-grid-photoshop





原始介紹文章出自於此




沒有留言:

張貼留言