首頁 >web前端 >H5教程 >基於HTML5的CSS框架組件BootFlat的圖文介紹

基於HTML5的CSS框架組件BootFlat的圖文介紹

黄舟
黄舟原創
2017-03-07 15:52:282346瀏覽

BootFlat 是一款基於 BootstrapFlat UI 元件,跟原生的Bootstrap框架相比,BootFlat提供了更多的頁面元件,同時增加了頁面佈局功能。與Flat UI相比更突出的是BootFlat可以幫助你更快速的利用HTML5實現Web App開發。

BootFlat的特點

  • BootFlat是基於bootstrap3.2.0,便於快速的開發web和mobile app的UI框架

  • Bootflat元件基於HTML5和CSS3設計,提供sass檔案和多種色值,以便於開發者修改

  • Bootflat提供免費的PSD元件文件,方便設計者設計Web網頁及mobile app

BootFlat元件示範實例

BootFlat提供了許多個人化的Web UI元件,很多都是常用的類型,也有一部分是比較新穎的,像是色塊對比組件、個人化switch開關。下面我們就來看看這些UI元件。

色塊比較

#按鈕組

#下拉按鈕


##氣泡提示框

######選單################更多BootFlat 元件實例,大家可以前往其官方網站以獲取更多資訊。 ###### 以上就是基於HTML5的CSS框架元件BootFlat的圖文介紹的內容,更多相關內容請關注PHP中文網(www.php.cn)! ########## ###
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn