0

以下を使用して、ブートストラップ ベースの Rails アプリで nav-list を作成しています。

<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 で表示すると、私の言いたいことがわかります。これを変更して左側にイベント タイプを、右側にイベント カウントを維持する方法を知っている人はいますか?

よろしくお願いします。

4

1 に答える 1

0

わかりました、私はこれを自分で考えました。同じ問題を抱えている他の人のための方法は次のとおりです。

基本的に、li タグ内に 2 つの 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-12T19:40:48.527 に答える