0

Я пытаюсь добавить значок пользователя в свой заголовок. bootstrap добавляет больше значков, чем мой код требует, что происходит? Заранее спасибо!Bootstrap добавляет больше значков, чем вызывается в rails

<ul class="nav pull-right"> 
<% if user_signed_in? %> 
    <li><%= link_to "Edit Profile", edit_user_registration_path %></li> 
    <li><%= link_to "Logout", destroy_user_session_path, method: :delete %></li> 
<% else %> 
    <li><%= link_to "", new_user_session_path, class: "icon-user" %></li> 
<% end %> 
</ul> 

http://i.minus.com/i7krj72G9Gmsd.png

я использую адаптивный Navbar кстати.

+1

Вы проверили размер своих ссылок? Его возможная высота больше, чем требуется, и, следовательно, показывает 2 значка. –

+0

Я не уверен, какова высота моих ссылок и не знаю, как ее изменить. Мое лучшее предположение, что его размер по умолчанию от бутстрапа. – DhatchXIX

+0

У вас есть скрипка или ссылка, которую я могу просмотреть? В основном, если вы открываете инструменты Firebug или Dev и обрабатываете свои ссылки, вы можете установить высоту или высоту строки в соответствии с размером одного значка. Значки начальной загрузки - 14x14 пикселей, поэтому, если вы установите высоту ваших ссылок на 14px, она должна соответствовать одному значку. Вы можете добавить класс к своим ссылкам и добавить высоту в CSS. –

ответ

0

У меня нет иконки начальной загрузки в моем рельсах проекте, чтобы проверить это, но увидеть, если это работает:

<%= link_to raw("<i class='icon-user'></i>"), new_user_session_path %> 
0

Вы можете установить padding:15px 15px 15px в padding:0 для .navbar .nav>li>a в вашем CSS.

 Смежные вопросы

  • Нет связанных вопросов^_^