Bootstrap教學－Bootstrap內建Accordion Menu手風琴選單使用教學
今天要來分享一個，也是大家在製作網頁時，常會用到的一個特效，那就是手風琴選單，這個特效相信許多朋友，或多或少都有在網路上，下載相關的jQuery套件，但在套用時，總是套的一個頭二個大，不是CSS發生衝突，就是javascript支援度的問題，因此現在透過Bootstrap內建的手風琴選單特效，不但完全不用寫到任何javascript，甚至使用上更加簡易，至於怎麼使用，現在也一塊來看看吧！
View ArticleBootstrap教學－Bootstrap 導覽選單再進化，支援無限階層子選單
前幾天梅干就花了快二天的時間，直接打造一個多層級的下拉式選單，為了更符合使用習慣，所以在桌機是滑入展開，點前方的選單名稱，則會開啟該選單連結，進到手機版時，則是點右邊的箭頭展開選單，點前方的選單名稱一樣也是開啟連結，而主架構還是Bootstrap Navbar，但在選單中，就有所調整，讓選單更單純，更好套用，因此有在使用Bootstrap的朋友，也趕快來看看囉！
View ArticleBootstrap教學－bootstrap.css.map的作用與是否該留或不該留
當下載回來的Bootstrap中，共包含了css、js、fonts三大資料夾，同時在css資料夾中，除了bootstrap.css、bootstrap.min.css外，應該還會有一隻bootstrap.css.map檔，而這一隻bootstrap.css.map是作什麼用，以及要如何將它關閉不引用，現在就一塊來看看吧！bootstrap.css.map這隻檔案的作用吧！
View ArticleBootstrap教學－二招讓多個div(column)的區塊等高
因此DIV等高的問題，已不是使不用使用Bootstrap的問題了，而是DIV本身的問題，雖然說Bootstrap4已把flex導入到它的網格系統中，就可解決等高的問題，但目前還在beta階段，因此還是有不少朋友，維持著Bootstrap３.0，因此當使用Bootstap3.0，一樣也可實現讓多個col中的DIV等高，而這邊梅干也分享二種作法，一種是透過內距的方式來解決，而另一種就是採用flex的方式...
View Article[教學] Bootstrap手風琴Accordion加入開合符號(純CSS版)
但這麼好用的手風琴效果，有一個小小缺點就是，當今天將它展開時，卻沒有開合指示，因此這對於第一次使用的人，一時間則會有點搞不清楚，那一個是開，那一個關，但要在項目中，加入開合的指示符號，就知先知道，目前是那個項目開啟，才有辦法加入，因此這時就得透過javascript來進行偵測，但這對於javascript不熟的朋友，還真是一個苦差事，而現在有個更簡易的方法，直接透過CSS就可實現在手風琴效果中，加入...
View ArticleBootstrap Studio 全視覺化Bootatrap編輯器，並支援手動修改HTML、CSS、JS檔
為了讓開發更快速，因此梅干先前也分享了幾款的Bootstrap的視覺化設計工具，讓許多網頁設計師，透過拖拉的方式，就可快速的打造出RWD的網頁，而每一套各有優缺點，而梅干最近發現一套，既可拖拉，又可手動的修改HTML、CSS、JS，甚至在匯出後，原始碼也相當的乾淨與單純，都可再透過其它的編輯器，再進行修改，因此現在就一塊來看看Bootstrap Studio吧！
View Article[教學] Bootstrap 導覽列選單太長時，可左右滑動切換選單並支援子選單
唯一讓梅干感到困擾的是，當選單過長時，就會出現折行，或是當太長時，就自動隱藏變成手機的漢堡選單，讓梅干感覺在操控上有些不便，因此那一天看到許多新聞網的選單，也是落落長但卻是透過左右滑動，來解決選單過長的問題，因此梅干就花了點時間，研究了一下並將Bootstrap的導藏列選單，過長時也可左右滑動，並且還支援多層選單，因此當你選單也太長的朋友，現在也一塊來看看囉！
View Article