https://github.com/xdite/bootstrap-helper
新增功能 ibutton !
我知道大家都很愛用 Bootstrap 裡的 button,裡面內夾 Icon glyphs。這樣看起來很漂亮。但是使用 Rails 語法寫起來很醜陋。
最漂亮的程度你也只能寫到這樣吧!(我還見過更醜的寫法,因為不少開發者不知道 link_to 其實可以夾 block,所以只好用串的...)
<%= link_to edit_post_path(post) , :class => "btn btn-mini" do %>
<i class="icon icon-edit"> </i> <span> Edit</span>
<% end %>
但是若你有一排 button 的話,這樣寫不是超....臃腫的嗎?
ibutton 的作用是什麼呢?你可以改用這樣的寫法
<%= ibutton("Edit", edit_post_path(post), :class => "btn btn-min", :iclass => "icon icon-edit" %>
更貼心的是,如果你的 btn 是會變色的 class 的話,比如說 btn-primary,這個 helper 會在 iclass 裡面再塞一個 icon-white 自動反白,所以就不用再手刻了...
這是我最近半年一直在用的功能,只是有一個 bug 一直沒修好,最近我一個前端同事幫我修好了這個 bug,我就決定把這個功能從 project 拔出來放進 bootstrap-helper 了。Enjoy!