Estoy usando cosas de Bootstrap de Twitter y tengo el siguiente HTML:
<a class="btn" href="<%= user_path(@user) %>"><i class="icon-ok icon-white"></i> Do it@</a>
¿Cuál es la mejor forma de hacer esto en Rails? Me gustaría usar, <%= link_to 'Do it', user_path(@user) %>
pero <i class="icon-ok icon-white"></i>
¿me está confundiendo?
ruby-on-rails
twitter-bootstrap
Vanessa L'olzorz
fuente
fuente
<%= link_to ...
en el ejemplo con block?link_to
- ¡gracias por enseñarme!Recientemente tuve la misma necesidad. Prueba esto:
<%= link_to '<i class="icon-ok icon-white"></i> Do it'.html_safe, user_path(@user) %>
fuente
También tiene la posibilidad de crear un método auxiliar como el siguiente:
Adapta las clases a tus necesidades.
fuente
Si desea un enlace en rieles que use la misma clase de icono de twitter bootstrap, todo lo que necesita hacer es algo como esto.
fuente
btn
clase, todo lo que ves es el ícono. El aspecto del botón no significa que sea un botón.Usando HAML:
fuente
En la gema twitter-bootstrap-rail: crean un glifo de ayuda
Entonces puede usarlo como:
glyph(:twitter)
y su asistente de enlace podría verse así:link_to glyph(:twitter), user_path(@user)
fuente
<%= link_to glyph(:comments), post_path(post), :class => "btn-small btn-warning" %>
. Aquícomments
está el nombre del personaje Font Awesome,post_path(post)
es la URL de destino yclass =>
muestra qué clases usará el glifo.En HTML normal lo hacemos,
En Ruby On Rails:
fuente
Le daré una oportunidad ya que aún no ha aceptado una respuesta
y las otras respuestas no son 100% lo que estaba buscando.
Esta es la forma de hacerlo al estilo Rails.
Editar: dejando mi respuesta para referencia futura,
pero @ justin-herrick tiene la respuesta correcta cuando
trabaja con Twitter Bootstrap.
fuente
Creo que puede simplificarlo mediante un método auxiliar si lo usa con frecuencia en su aplicación.
ponerlo en helper / application_helper.rb
Luego llámelo desde su archivo de vista como link_to
fuente
Si está usando bootstrap 3.2.0, puede usar este ayudante en su
app/helpers/application_helper.rb
y luego, en sus puntos de vista:
fuente
fuente
Ayudante basado en la sugerencia de Titas Milan, pero usando un bloque:
fuente