Gem Bootstrap Helper 新增功能 ibutton

xdite · 2013年05月09日 · 最后由 Pitt 回复于 2013年05月13日 · 3628 次阅读

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!

想 star,结果早发现已经 star 了

不错哎,赶紧换上

頂起,實用的好東西啊

link_to icon_with("plus", "new project"), "/projects/new"

唉 我这个显得山寨了

美麗!

需要 登录 后方可回复, 如果你还没有账号请 注册新账号