Estou usando o Bootstrap do Twitter e tenho o seguinte HTML:
<a class="btn" href="<%= user_path(@user) %>"><i class="icon-ok icon-white"></i> Do it@</a>
Qual é a melhor maneira de fazer isso no Rails? Eu gostaria de usar, <%= link_to 'Do it', user_path(@user) %>
mas o <i class="icon-ok icon-white"></i>
está me confundindo?
ruby-on-rails
twitter-bootstrap
Vanessa L'olzorz
fonte
fonte
<%= link_to ...
no exemplo com bloco?link_to
- obrigado por me ensinar!Eu tive a mesma necessidade recentemente. Experimente isto:
<%= link_to '<i class="icon-ok icon-white"></i> Do it'.html_safe, user_path(@user) %>
fonte
Você também tem a possibilidade de criar um método auxiliar como a seguir:
Adapte as aulas às suas necessidades.
fonte
Se você quer um link no rails que usa a mesma classe de ícone do bootstrap do twitter, tudo que você precisa fazer é algo assim.
fonte
btn
classe, tudo o que verá é o ícone. A aparência do botão não significa que seja um botão.Usando HAML:
fonte
No gem twitter-bootstrap-rail: eles criam um glifo auxiliar
Então, você pode usá-lo como:
glyph(:twitter)
e seu auxiliar de link pode ser semelhante a:link_to glyph(:twitter), user_path(@user)
fonte
<%= link_to glyph(:comments), post_path(post), :class => "btn-small btn-warning" %>
. Aquicomments
está o nome do personagem Font Awesome,post_path(post)
é o url de destino eclass =>
mostra quais classes o glifo usará.Em HTML normal, fazemos,
Em Ruby On Rails:
fonte
Vou tentar, já que você ainda não aceitou uma resposta
e as outras respostas não são 100% o que você estava procurando.
Esta é a maneira de fazer isso do jeito Rails.
Edit: deixando minha resposta para referência futura,
mas @justin-herrick tem a resposta correta ao
trabalhar com o Twitter Bootstrap.
fonte
Eu acho que você pode simplificar isso por meio de um método auxiliar, se você usá-lo com frequência em seu aplicativo.
coloque-o em helper / application_helper.rb
Em seguida, chame-o de seu arquivo de visualização como link_to
fonte
Se você estiver usando o bootstrap 3.2.0, você pode usar este auxiliar em seu
app/helpers/application_helper.rb
e então, em suas opiniões:
fonte
fonte
Helper baseado na sugestão de Titas Milan, mas usando um bloco:
fonte