引導導航名錄對準/瀏覽器的兼容性

我用下面的創建在我的引導基於導航列表Rails應用程序：引導導航名錄對準/瀏覽器的兼容性

<ul class="nav nav-list"> 
    <li class="nav-header">Going out</li> 
    <% @event_types.each do |et| %> 
     <li> 
     <a href="/events?event_type=<%= et.id %>"> 
     <div class="span2"><%= et.event_type %></div> 
     <div><span class="badge badge-success"><%= et.events.future_events_count %></span></div></a> 
     </li> 
    <% end %> 
</ul>

我認爲這是尋找確定，直到有人指出，這是在Internet Explorer中未對齊！

我的網站在這裏：www.wozzoncornwall.co.uk，如果您在Chrome中查看它看起來很好。在IE中查看，你會明白我的意思。有誰知道如何修改它來維護左側的事件類型和右側的事件數，因此它是跨瀏覽器兼容的？

非常感謝提前。

來源

2012-10-12 Raoot

它看起來對我來說同樣在IE9和Chrome！這是一個低版本的IE問題？ –

事件類型和計數是否水平對齊？我只在模擬器（http://netrenderer.com/）中試過它，它在所有IE版本上看起來都很糟糕。我的合作伙伴我們在他的電腦上使用了IE9，並且這對他來說是錯位的！？！認爲我應該重新編碼這個，至少直到我可以按照預期在模擬器中渲染它。 – Raoot

好吧，我想這是我們自己。以下是對於有同樣問題的其他人的方法。

基本上，我放棄了李標籤內的兩個div然後使用引導程序右拉輔助類：

<% @event_types.each do |et| %> 
    <li> 
     <a href="/events?event_type=<%= et.id %>"> 
     <%= et.event_type %> 
      <span class="badge badge-success pull-right"><%= et.events.future_events_count %></span> 
     </a> 
    </li> 
<% end %>

來源

2012-10-12 19:40:48 Raoot

引導導航名錄對準/瀏覽器的兼容性

回答

相關問題