How to Setting and Compiling Using LESS - Flat UI Pro Tutorial 影片教學

Flat UI 是個用 Bootstrap 做出來的 Framework 或說樣板,有免費版和付費版兩種,內容包含各種常用的 jquery 小工具,加速開發過程,Switches, Tags, Progress bars & Sliders, 下拉選單,客制的checkboxes & radio buttons

這系列的教學有提到下列,相信對大家有幫助

  • less 怎麼寫
  • 怎麼設定 bootstrap less
  • 把 less 轉換成 css
  • HTML, CSS, jquery 界面設計是怎麼做成的



 

Flat UI Free Bootstrap Framework and Themes
http://designmodo.github.io/Flat-UI/


2014/12/18 更新
用 Bootstrap 製作版型標頭 header 的時候常遇到困難,如果想做的跟 Bootstrap 格式很像卻又不一樣,怎辦?如果縮小成手機尺寸時,想要跟原始Bootstrap預設的狀態有點不同,怎辦?

如果你仔細看過這個影片,可能會發現答案是:其實 header 應該整個客製的方式製作,局部配合Bootstrap的 class,而不是全程使用 Bootstrap 製作!

留言