推特引导面包屑答案

【问题标题】：twitter bootstrap breadcrumbs推特引导面包屑
【发布时间】：2012-09-25 23:56:58
【问题描述】：

为了让面包屑在 twitter bootstrap 中工作，我的理解是你只需将 ul 类设置为面包屑，这里是一个例子：

<ul class="breadcrumb">
<li><a href="#">Home</a> <span class="divider">/</span></li>
<li><a href="#">Library</a> <span class="divider">/</span></li>
<li class="active">Data</li>
</ul>

但是，这是我们在导航栏中创建下拉菜单的代码：

<ul class="dropdown-menu">
              <% menu_item[:children].each do |submenu_item| %>
                <%= render :partial => 'cms/menus/bootstrap_menu_child', :locals => { :submenu_item => submenu_item } %>
              <% end %>
</ul>

我只是添加 class="dropdown-menu breadcrumb" 吗？试过了，没有用。也许有什么地方可以“打开”面包屑？谢谢。

【问题讨论】：

你到底想做什么？下拉菜单和面包屑是完全不同的功能。
好吧，如果我从 Home 开始，然后转到导航栏中的下拉菜单，然后选择“Contact”，我想看到一个显示“Home>Contact”的面包屑栏，谢谢

标签： twitter-bootstrap breadcrumbs

【解决方案1】：

Bootstrap 面包屑只是一组 CSS 样式；下拉功能是included as a jQuery plugin。
因此，添加class="breadcrumb" 只会设置现有元素的样式，不会生成面包屑导航。您必须在代码中执行此操作。

【讨论】：