設計前端頁面或者元件的時候,原生的html元件,比較難看,自己設計那些css樣式,非常麻煩,工作量很大,還不一定會。但是其實,網上有很多開源的元件庫,拿來使用就可以了,例如:bootstrap,easyui,layui,miniui。需要的時候,網上可以找到一大堆這種ui框架。
直接使用這種現成的輪子,會非常方便。這些框架提供了非常多可供選擇的元件,使用的時候來這裡找找就可以了,都不需要自己重新設計了。
bootstrap非常強大,稍微引用一下,介面就完全不一樣了,介面美化效果非常好,而且可以大大縮短開發時間。
bootstrap是乙個用於快速開發 web 應用程式和**的前端框架。
bootstrap 是由 twitter 的 mark otto 和 jacob thornton 開發的。bootstrap 是 2011 年八月在 github 上發布的開源產品。
例如:
.btn-xs 類製作乙個超小的按鈕:
超小預設的按鈕
超小資訊按鈕
效果
bootstrap 教程
推薦幾個精緻的web ui框架及常用前端ui框架
十個前端ui優秀框架
按鈕的例子
form表單的例子
miniui、easyui、layui與bootstrap對比
【前端框架】bootstrap和easyui
前端框架 BootStrap
bootstrap是基於html5和css3開發的,它在jquery的基礎上進行了更為個性化的完善,形成一套自己獨有的 風格,並相容大部分jquery外掛程式。個人理解 可以使用bootstrap框架開發乙個響應式的頁面,可以同時使用與pc端,pad端和手機端,並且不影響瀏覽的效果。bootstra...
UI框架 Bootstrap柵格系統
1.什麼是柵格系統 在bootstrap中,它提供了一套響應式 移動裝置優先的流式柵格系統,隨著螢幕或視口 viewport 尺寸的增加,系統會自動分為最多12列。柵格系統用於通過一系列的行 row 與列 column 的組合來建立頁面布局,你的內容就可以放入這些建立好的布局中,bootstrap ...
前端UI框架
10 後台ui開發框架 museui 一款基於bootstrap風格,相容於主流瀏覽器 包括ie6 的後端ui開發元件。官方 以下是常用前端ui框架快速開發web專案 1.dwz 國產的jquery ui富客戶端框架 2.jquery lingerui 國產前端框架 3.jquery easyui ...