부트 스트랩 탐색 - 목록 정렬 난 기반 내 부트 스트랩에서 탐색 목록을 만들려면 아래 사용하고 호환성

Question

/브라우저 레일 응용 프로그램 :

<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에서보기 및 당신은 나가 의미하는 무슨을 볼 것이다. 누구든지 왼쪽에 이벤트 유형을 유지하고 오른쪽에 이벤트 카운트를 유지하기 위해 이것을 수정하는 방법을 알고 있으므로 크로스 브라우저와 호환됩니까?

미리 감사드립니다.

Answer 1

좋아, 나는 이것을 우리 자신으로 생각했다. 다음은 동일한 문제가있는 다른 사람들을위한 방법입니다.

기본적으로, 리튬 태그 내부에 두 개의 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 %>