Я использую Twitter Bootstrap и у меня есть следующий HTML-код:
<a class="btn" href="<%= user_path(@user) %>"><i class="icon-ok icon-white"></i> Do it@</a>
Как лучше всего это сделать в Rails? Я бы хотел использовать, <%= link_to 'Do it', user_path(@user) %>
но <i class="icon-ok icon-white"></i>
меня это сбивает?
ruby-on-rails
twitter-bootstrap
Ванесса Л'Олзорц
источник
источник
<%= link_to ...
в примере с блоком?link_to
- спасибо, что научили меня!Недавно у меня была такая же потребность. Попробуй это:
<%= link_to '<i class="icon-ok icon-white"></i> Do it'.html_safe, user_path(@user) %>
источник
У вас также есть возможность создать вспомогательный метод, как показано ниже:
Адаптируйте классы к своим потребностям.
источник
Если вам нужна ссылка в рельсах, которая использует тот же класс значков из начальной загрузки twitter, все, что вам нужно сделать, это что-то вроде этого.
источник
btn
класса, вы увидите только значок. Внешний вид кнопки не означает, что это кнопка.Использование HAML:
источник
В gem twitter-bootstrap-rail: они создают вспомогательный глиф
Таким образом, вы можете использовать его так:
glyph(:twitter)
и ваш помощник по ссылке может выглядеть так:link_to glyph(:twitter), user_path(@user)
источник
<%= link_to glyph(:comments), post_path(post), :class => "btn-small btn-warning" %>
. Вотcomments
имя символа Font Awesome,post_path(post)
целевой URL-адрес иclass =>
показывает, какие классы будет использовать глиф.В обычном HTML мы делаем,
В Ruby On Rails:
источник
Я сделаю попытку, так как вы еще не приняли ответ,
а другие ответы не на 100% то, что вы искали.
Это способ сделать это способом Rails.
Изменить: оставив свой ответ для использования в будущем,
но @ justin-herrick имеет правильный ответ при
работе с Twitter Bootstrap.
источник
Я думаю, вы можете упростить его с помощью вспомогательного метода, если вы часто используете его в своем приложении.
поместите его в helper / application_helper.rb
Затем вызовите его из файла просмотра, как link_to
источник
Если вы используете bootstrap 3.2.0, вы можете использовать этот помощник в своем
app/helpers/application_helper.rb
а затем в ваших представлениях:
источник
источник
Помощник основан на предложении Титаса Милана, но с использованием блока:
источник