为什么我的 Rails 应用程序的引导视图表现得很有趣？答案

【问题标题】：why is my bootstrap view for my rails app acting funny?为什么我的 Rails 应用程序的引导视图表现得很有趣？
【发布时间】：2013-05-04 22:42:12
【问题描述】：

我正在使用 bootstrap-sass gem，并且由于某种原因在导航栏中我正在为下面的 li 之一使用活动类，但是它似乎没有被按下。

application.html.erb：

<!DOCTYPE html>
<html>
<head>
  <title><%= yield(:title) %></title>

  <%= stylesheet_link_tag    "application", :media => "all" %>
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>
</head>
<body id="<%= params[:controller].parameterize %>_controller">

<div class="container">

    <div class="row">
        <div class="span12">
            <div class="navbar">
              <div class="navbar-inner">
                <%= link_to 'evoALL', root_path, 
                html_options = {:class => 'brand'} %>

                <% navArr = ["Dashboard", "Help People", 
                    "Get Help", "Contact Us"] %>

                <% flash.each do |key, value| %>
                    <p class="lead"><%= value %></p>
                <% end %>

                <ul class="nav">
                    <% navArr.each do |value| %>
                        <li>

                                <a 
                                <% if (yield(:navActive)==value) %>
                                    class="active"
                                <% end %>
                                href="#">
                                    <%=value%>
                                </a>

                        </li>
                    <% end %>
                </ul>
              </div>
            </div>
        </div>
    </div>


    <%= yield %>

<div class="container"> 
    <div id="footer"><!-- footer start -->
        <div class="row-fluid">
            <div class="span12">
                <p class="pull-right">
                    &#169; <%= Date.today.year %>
                </p>
            </div>
        </div>
    </div><!-- footer end -->
</div> 

</div> <!-- close container div -->

</body>
</html>

index.html.erb 用于主控制器的 index 方法的视图文件，该方法被路由到应用程序的根目录：

<%= provide(:title, 'evoALL') %>
<%= provide(:navActive, 'Get Help') %>
<div class="container">
  <div class="row">
    <div class="span12">
      <p>Needs Home Page</p>
    </div>
  </div>
</div>

【问题讨论】：

标签： ruby-on-rails bootstrap-sass

【解决方案1】：

我将活动类应用于 a 标签而不是 li 标签。

正确的解决方案是替换它：

<% navArr.each do |value| %>

    <ul>  
    <li>
    <a 
    <% if (yield(:navActive)==value) %>
        class="active"
    <% end %>
    href="#">
        <%=value%>
    </a>

  </li>

  </ul>

<% end %>

用这个：

<ul class="nav">
    <% navArr.each do |value| %>


        <li 
            <% if (yield(:navActive)==value) %>
                class="active"
            <% end %>>
            <a  href="#">
                <%=value%>
            </a>
        </li>

  <% end %>
</ul>

【讨论】：