使用 ruby link_to 方法无法正确显示引导导航栏下拉菜单答案

【问题标题】：Bootstrap navbar dropdown not appearing correctly using ruby link_to method使用 ruby link_to 方法无法正确显示引导导航栏下拉菜单
【发布时间】：2015-05-07 08:20:19
【问题描述】：

我需要帮助来纠正我的引导导航栏中下拉菜单的外观的一个小问题。我使用 ruby link_to 方法为下拉菜单创建了链接，这些链接运行正常，只是下拉元素没有与导航栏的其余元素显示一致。这是导航栏的当前代码：

这是一个带有问题图片的链接： https://www.dropbox.com/s/dmrs87xr2kbkat3/dropdown%20problem.jpg?dl=0

<li class="active"><%= link_to "Main", root_path %>
    <span class="sr-only">(current)</span>
</li>
<li class="dropdown">
    <%= link_to "Employee Profile", profile_path, :class => "dropdown-toggle", :data => {:toggle => "dropdown"}, :role => "button", :aria => {:expanded => "false"} %>
    <span class="caret"></span>
    <ul class="dropdown-menu" role="menu">  
        <li><a href="#">Tasks / Activities</a></li>
        <li><a href="#">Vacations</a></li>
    </ul>
</li>

注意：我设法通过在标签之间添加标签来部分解决问题，但这会禁用元素的引导样式并将其呈现为常规 html。

【问题讨论】：

标签： html css ruby-on-rails twitter-bootstrap

【解决方案1】：

因为您必须在链接中包含<span class="caret"></span>。

试试这个

<%= link_to profile_path, :class => "dropdown-toggle", :data => {:toggle => "dropdown"}, :role => "button", :aria => {:expanded => "false"} do %>Employee Profile <span class="caret"></span> <% end %>

【讨论】：

我用您建议的代码替换了我的代码，但是由于某种原因，我现在收到关于该代码行的 NoMethodError。有没有办法避免这种情况？
哦，对不起，有一个错字。我刚刚更新了代码。

【解决方案2】：

 <div class="dropdown div-inline">
      <button class="btn btn-xs btn-option dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">Show Dropdown
         <span class="caret"></span>
     </button>
          <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">      
                    <li role="presentation">
                         <a href=""> First link</a>
                    </li>  
                    <li role="presentation">
                         <a href=""> Second link</a>
                    </li>  
                    <li role="presentation">
                         <a href=""> Third link</a>
                    </li>  
         </ul>
    </div>

试试这个并访问Bootstrap dropdown examples，获取许多适合您需要的示例。

【讨论】：