как добавить глификон в раскрывающееся меню бутстрапа

Question

Im пытается добавить глификон слева от ссылки в выпадающем меню, но, похоже, это не понять. Вот как выглядит мой код:

<div class="col-md-4"> 
    <div class="dropdown"> 
      <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">options 
      <span class="caret"></span></button> 
      <ul class="dropdown-menu"> 

      <li><i class="glyphicon glyphicon-flag"></i><%=link_to "report link", report_path(report: {reportable_id: post.id, reportable_type: "Post"}), id: "report_#{post.class}_#{post.id}", class: "report_link", remote: true, method: :post %></li> 

Может кто-нибудь объяснить мне, как это сделать?

Спасибо!

Answer 1

Просто поместите значок внутри ссылки - нет видимых недостатков для этого, и даже потенциально улучшает UX (вы также можете нажать на значок).

<li><a href="#"><i class="glyphicon glyphicon-flag"></i> link</a></li> 

Смотреть это bootply

Так что ваш новый канал рубин будет выглядеть

<%=link_to "<i class='glyphicon glyphicon-flag'></i> report link".html_safe, report_path(report: {reportable_id: post.id, reportable_type: "Post"}), id: "report_#{post.class}_#{post.id}", class: "report_link", remote: true, method: :post %> 

(Извинения, если это не так, я на самом деле не знаю, Ruby. Я предполагаю, что это был CSS ошибка позиционирования, но если Ruby ошибается, сообщите мне об этом, и я удалю этот ответ)

Answer 2

Попробуйте использовать span вне вашего link_to. Вы удалили бы текст дисплея («ссылка на отчет») после link_to и добавили бы его обратно после окончания класса класса Glyphicon.

<li> 
     <%=link_to report_path(report: {reportable_id: post.id, reportable_type: "Post"}), id: "report_#{post.class}_#{post.id}", class: "report_link", remote: true, method: :post do %> 
     <span class="glyphicon glyphicon-flag"></span> Report Link 
     <% end %> 
    </li>