Ich verwende das Bootstrap-Material von Twitter und habe den folgenden HTML-Code:
<a class="btn" href="<%= user_path(@user) %>"><i class="icon-ok icon-white"></i> Do it@</a>
Was ist der beste Weg, dies in Rails zu tun? Ich würde gerne benutzen, <%= link_to 'Do it', user_path(@user) %>
aber das <i class="icon-ok icon-white"></i>
wirft mich ab?
ruby-on-rails
twitter-bootstrap
Vanessa L'olzorz
quelle
quelle
<%= link_to ...
im Beispiel mit Block sein?link_to
- danke , dass du mich unterrichtet hast!Ich hatte in letzter Zeit das gleiche Bedürfnis. Versuche dies:
<%= link_to '<i class="icon-ok icon-white"></i> Do it'.html_safe, user_path(@user) %>
quelle
Sie haben auch die Möglichkeit, eine Hilfsmethode wie folgt zu erstellen:
Passen Sie die Klassen an Ihre Bedürfnisse an.
quelle
Wenn Sie einen Link in Rails wünschen, der dieselbe Symbolklasse aus dem Twitter-Bootstrap verwendet, müssen Sie nur so etwas tun.
quelle
btn
Klasse verlassen, sehen Sie nur das Symbol. Der Button-Look bedeutet nicht, dass es sich um einen Button handelt.Verwenden von HAML:
quelle
In der Edelstein-Twitter-Bootstrap-Schiene: Sie erstellen eine Helfer-Glyphe
Sie können es also wie folgt verwenden:
glyph(:twitter)
und Ihr Link-Helfer könnte folgendermaßen aussehen:link_to glyph(:twitter), user_path(@user)
quelle
<%= link_to glyph(:comments), post_path(post), :class => "btn-small btn-warning" %>
. Hiercomments
ist der Name des Font Awesome-Charakters,post_path(post)
die Ziel-URL undclass =>
zeigt an, welche Klassen die Glyphe verwenden wird.In normalem HTML tun wir
In Ruby On Rails:
quelle
Ich werde es versuchen, da Sie noch keine Antwort akzeptiert haben
und die anderen Antworten nicht zu 100% das sind, wonach Sie gesucht haben.
Dies ist der Weg, um es auf Rails-Weise zu tun.
Bearbeiten:
Ich lasse meine Antwort als zukünftige Referenz, aber @ justin-herrick hat die richtige Antwort, wenn ich
mit Twitter Bootstrap arbeite.
quelle
Ich denke, Sie können es durch eine Hilfsmethode vereinfachen, wenn Sie es häufig in Ihrer Anwendung verwenden.
Fügen Sie es in helper / application_helper.rb ein
Rufen Sie es dann wie link_to aus Ihrer Ansichtsdatei auf
quelle
Wenn Sie den Bootstrap 3.2.0 verwenden, können Sie diesen Helfer in Ihrem verwenden
app/helpers/application_helper.rb
und dann in Ihren Ansichten:
quelle
quelle
Helfer basierend auf dem Vorschlag von Titas Milan, aber mit einem Block:
quelle