Bootstrap4 Cheat Sheet 所有範例特效原始碼速查一覽表

梅問題-Bootstrap4所有特效速查一覽表
  Bootstrap是目前相當主流的RWD Framwork,除了Bootstrap所提供的網格系統相當的方便好用外,再來就是內建也有許多的互動特效,像是下拉選單、廣告輪播、滾動頁籤....,同時Boostrap的官方網站的資料也相當的齊全,甚至也有詳盡各特效的範例展示,雖然官方網站中,有詳盡的範例展示,但範例的原始碼,卻不是那麼的完整。 
  因此有時還得自行看範例頁面的原始碼,再從原始碼中進行拆解,之後自己再自行整理這些特效的原始碼,而最近梅干發現一個相當棒的網站,不但將Bootstrap的所有範例分門別類外,還有詳盡的原始碼與結果預覽畫面,因此立即可知該特效或效果是否為自己所需,有在使用Bootstrap的朋友,這個網站千萬別錯過了。
Bootstrap 4 Cheat Sheet
網站名稱:Bootstrap 4 Cheat Sheet
網站連結:https://hackerthemes.com/bootstrap-cheatsheet/

進入網站後,從下方可看到,所有Bootstrap的效果分類與清單。
梅問題-Bootstrap4所有特效速查一覽表
當點上方最右邊的頁籤,就可看到底色青綠色為4.0版所增加的新功能,由於目前4.0還是測試階段,因此建議等到正式版推出再使用。
梅問題-Bootstrap4所有特效速查一覽表
再點特效清單的名稱,下方的左邊就會顯示該特效的原始碼,右邊則會顯示該特效的結果畫面,有了這一個Bootstrap的小抄表,之後在設計RWD網頁就更加方便,比官網還要來的方便,且範例更加完整好查詢。
梅問題-Bootstrap4所有特效速查一覽表

相關文章

PIXNET痞客邦無痛搬家到WordPress

PIXNET痞客邦無痛搬家到WordPress

WordPress外掛-「Page and Post Clone」快速複製文章與頁面的內容

WordPress外掛-「Page and Post Clone」快速複製文章與頁面的內容

「000Webhost」最老牌的免費PHP虛擬主機空間申請與設定教學 (無廣告+1GB空間/10GB流量+SSL)

「000Webhost」最老牌的免費PHP虛擬主機空間申請與設定教學 (無廣告+1GB空間/10GB流量+SSL)

修正綠界Woocommerce金流外掛,使用ATM結帳自動扣除庫存量

修正綠界Woocommerce金流外掛,使用ATM結帳自動扣除庫存量

透過「phpmyadmin」重新命名資料庫名稱

透過「phpmyadmin」重新命名資料庫名稱





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

近期講座

2017 (二月講座)

更多講座