Bootstrap增加了比在rails中調用的更多的圖標

我正在嘗試將用戶圖標添加到我的標題中。 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

我使用的是導航欄響應BTW。

來源

2013-04-25 DhatchXIX

你是否檢查過鏈接的大小？它可能的高度比需要的大，因此顯示2個圖標。 – 2013-04-25 14:30:55

我不知道我的鏈接的高度是多少，也不知道如何改變它。我最好的猜測是它的引導程序的默認大小。 – DhatchXIX 2013-04-25 14:41:29

你有我可以查看的小提琴或鏈接嗎？基本上，如果您打開Firebug或Dev工具並忽略鏈接，則可以設置高度或行高以匹配單個圖標的大小。 Bootstrap圖標是14x14像素，所以如果您將鏈接的高度設置爲14px，則它應該適合單個圖標。您可以將一個類添加到鏈接並在CSS中添加高度。 – 2013-04-25 14:46:48

我沒有在我的Rails項目來測試這個引導圖標，但看看，如果這個工程：

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

來源

2013-04-25 15:25:28 sicks

您可以設置padding:15px 15px 15px到padding:0在你的CSS .navbar .nav>li>a。

來源

2013-04-25 15:54:09

Bootstrap增加了比在rails中調用的更多的圖標

回答

相關問題