關於Bootstrap,相信大家一定不陌生,它已經成為現在主流產業的一個重要工具,Bootstrap提供了優雅的HTML和CSS規范,它基於jQuery框架開發的,它在jQuery框架的基礎上進行了更為個性化和人性化的完善,形成一套自己獨有的網站風格,並兼容大部分jQuery插件。今天,我們帶來6款Bootstrap實現的幾款小應用,希望可以對你們有所幫助!
移動為先的Bootstrap3
在線演示
Bootstrap3已經發布好幾周了, 現在該是我們看看Bootstrap有什么新鮮內容的時候了。首先,最重要的一個改變就是支持響應式網站設計,原來的響應式模塊已經去掉了。 現在從內核,Bootstrap3就支持響應式設計,不僅僅如此,更深入的在於,整合了Mobile First的設計思想,即移動為先,這個概念最初由Luke wrobleski在他的博客提出。在這篇文章中,我們將分享一些BT3的新內容,希望大家喜歡!
使用Bootstrap3和Ladda UI實現的多種按鈕“加載中”效果體驗
在線演示1 在線演示2 在線演示3
大家在開發基於web的網站或者web應用中,常常在AJAX調用的過程中需要提示用戶並且展示相關的“加載中”效果,類似的UI設計也非常多,比如,當點擊一個按鈕后,在它的旁邊顯示一個 “加載中” 文字,或者是添加一個“旋轉GIF”動畫效果圖。
基於bootstrap的純CSS多級菜單 - BootM
在線演示
BootM是基於bootstrap開發的一款多級菜單實現。其主要特性包括:無JS,基於bootstrap,響應式設計,無層次限制,基於文本的圖標。
Bootstrap3和jQuery實現響應式iOS/Android風格滾動到頁頂(底)彈跳效果
在線演示
如果大家使用iOS或者android相關移動平台的話,對於頁面滑動到最底端后的彈跳效果肯定不會陌生,在這篇教程中,我們將使用最新版的Bootstrap3和jQuery來生成一個類似移動設備app的web頁面效果,支持各種設備的響應式展示。
Bootstrap富文本編輯器bootstrap-wysiwyg的使用
在線演示
使用其實很簡單的,倒入bootstrap相關CSS,JS,jQuery,還有bootstrap-wysiwyg的JS。
Bootstrap3的一個landing page(着落頁模板)
在線演示
非常適合你做產品推廣或者app推廣,支持響應式,並且可以自行擴展開發!
如果大家喜歡,請留言,我們將每周定期給大家推薦一些不錯的Bootstrap3模板!