J'utilise le contenu Bootstrap de Twitter et j'ai le code HTML suivant:
<a class="btn" href="<%= user_path(@user) %>"><i class="icon-ok icon-white"></i> Do it@</a>
Quelle est la meilleure façon de faire cela dans Rails? J'aimerais utiliser <%= link_to 'Do it', user_path(@user) %>
mais <i class="icon-ok icon-white"></i>
ça me dérange?
ruby-on-rails
twitter-bootstrap
Vanessa L'olzorz
la source
la source
<%= link_to ...
dans l'exemple avec bloc?link_to
- merci de m'avoir appris !J'ai eu le même besoin récemment. Essaye ça:
<%= link_to '<i class="icon-ok icon-white"></i> Do it'.html_safe, user_path(@user) %>
la source
Vous avez également la possibilité de créer une méthode d'aide comme ci-dessous:
Adaptez les cours à vos besoins.
la source
Si vous voulez un lien dans les rails qui utilise la même classe d'icônes du bootstrap de Twitter, tout ce que vous avez à faire est quelque chose comme ça.
la source
btn
classe, tout ce que vous voyez est l'icône. L'apparence du bouton ne signifie pas que c'est un bouton.Utilisation de HAML:
la source
Dans le gem twitter-bootstrap-rail: ils créent un glyphe d'aide
Vous pouvez donc l'utiliser comme:
glyph(:twitter)
et votre assistant de liaison pourrait ressembler à:link_to glyph(:twitter), user_path(@user)
la source
<%= link_to glyph(:comments), post_path(post), :class => "btn-small btn-warning" %>
. Voicicomments
le nom du caractère Font Awesome,post_path(post)
est l'URL de destination etclass =>
montre quelles classes le glyphe utilisera.En HTML normal, nous faisons,
Dans Ruby On Rails:
la source
Je vais essayer car vous n'avez pas encore accepté de réponse
et les autres réponses ne sont pas à 100% ce que vous recherchiez.
C'est la manière de procéder de la manière Rails.
Edit:
laissez ma réponse pour référence future, mais @ justin-herrick a la bonne réponse lorsque vous
travaillez avec Twitter Bootstrap.
la source
Je pense que vous pouvez le simplifier grâce à une méthode d'assistance si vous l'utilisez fréquemment dans votre application.
placez-le dans helper / application_helper.rb
Ensuite, appelez-le à partir de votre fichier de vue comme link_to
la source
Si vous utilisez le bootstrap 3.2.0, vous pouvez utiliser cet assistant dans votre
app/helpers/application_helper.rb
et ensuite, à votre avis:
la source
la source
Helper basé sur la suggestion de Titas Milan, mais en utilisant un bloc:
la source