百度權(quán)重查詢 詞庫(kù)網(wǎng) 網(wǎng)站監(jiān)控 服務(wù)器監(jiān)控 seo監(jiān)控 手機(jī)游戲 iPhone游戲

關(guān)于Bootstrap，相信大家一定不陌生，它已經(jīng)成為現(xiàn)在主流產(chǎn)業(yè)的一個(gè)主要工具，Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它基于jQuery框架開發(fā)的，它在jQuery框架的基礎(chǔ)上進(jìn)行了更為個(gè)性化和人性化的好，形成一套自己的網(wǎng)站風(fēng)格，并兼容大部分jQuery插件。今天，我們帶來6款Bootstrap實(shí)現(xiàn)的幾款小應(yīng)用，希望可以對(duì)你們有所幫助！

移動(dòng)為先的Bootstrap3

在線演示

Bootstrap3已經(jīng)發(fā)布好幾周了， 現(xiàn)在該是我們看看Bootstrap有什么新穎內(nèi)容的時(shí)候了。首先，好主要的一個(gè)改變就是支撐響應(yīng)式網(wǎng)站設(shè)計(jì)，原來的響應(yīng)式模塊已經(jīng)去掉了。 現(xiàn)在從內(nèi)核，Bootstrap3就支撐響應(yīng)式設(shè)計(jì)，不僅僅如此，更深入的在于，整合了Mobile First的設(shè)計(jì)思想，即移動(dòng)為先，這個(gè)概念好初由Luke wrobleski在他的博客提出。在這篇文章中，我們將分享一些BT3的新內(nèi)容，希望大家喜好！

使用Bootstrap3和Ladda UI實(shí)現(xiàn)的多種按鈕“加載中”效果體驗(yàn)

在線演示1     在線演示2     在線演示3

大家在開發(fā)基于web的網(wǎng)站或者web應(yīng)用中，常常在AJAX調(diào)用的過程中需要提醒用戶并且展示相關(guān)的“加載中”效果，類似的UI設(shè)計(jì)也特別很是多，比如，當(dāng)點(diǎn)擊一個(gè)按鈕后，在它的旁邊顯示一個(gè) “加載中” 文字，或者是添加一個(gè)“旋轉(zhuǎn)GIF”動(dòng)畫效果圖。

基于bootstrap的純CSS多級(jí)菜單 - BootM

在線演示

BootM是基于bootstrap開發(fā)的一款多級(jí)菜單實(shí)現(xiàn)。其主要特征包括：無JS,基于bootstrap,響應(yīng)式設(shè)計(jì),無條理限制,基于文本的圖標(biāo)。

Bootstrap3和jQuery實(shí)現(xiàn)響應(yīng)式iOS/Android風(fēng)格滾動(dòng)到頁頂（底）彈跳效果

在線演示

假如大家使用iOS或者android相關(guān)移動(dòng)平臺(tái)的話，對(duì)于頁面滑動(dòng)到好底端后的彈跳效果一定不會(huì)陌生，在這篇教程中，我們將使用好新版的Bootstrap3和jQuery來生成一個(gè)類似移動(dòng)設(shè)備app的web頁面效果，支撐各種設(shè)備的響應(yīng)式展示。

Bootstrap富文本編輯器bootstrap-wysiwyg的使用

在線演示

使用其實(shí)很簡(jiǎn)單的，倒入bootstrap相關(guān)CSS，JS，jQuery，還有bootstrap-wysiwyg的JS。

Bootstrap3的一個(gè)landing page（下落頁模板）

在線演示

特別很是適合你做產(chǎn)品推廣或者app推廣，支撐響應(yīng)式，并且可以自行擴(kuò)睜開發(fā)！

假如大家喜好，請(qǐng)留言，我們將每周定期給大家推薦一些不錯(cuò)的Bootstrap3模板！