【发布时间】:2013-09-20 22:42:12
【问题描述】:
我有一个来自 Bootstrap 示例的“标准”测试导航栏,但是使用 active_links gem 导航栏 => 品牌 - 关于 - 第 1 页 - 第 2 页 - 页面(第 3 页 - 第 4 页 - 更多..)
当我点击 'Pages' 时,下拉菜单打开,我可以点击 Page3, (Page4, ...) 但在 Page3 中,如果我再次单击“页面”,下拉菜单将不再切换...我必须单击另一个导航栏项目(关于、Page1 或 Page2)才能再次切换下拉菜单
没有与导航栏相关的现有 CSS(标准 Bootstrap3)
我的导航栏
%nav.navbar.navbar-default{:role => "navigation"}
/ -- Brand and toggle get grouped for better mobile display
.navbar-header
%button.navbar-toggle{ :type => "button", :'data-toggle' => "collapse", :'data-target' => ".navbar-ex1-collapse"}
%span.icon-bar
%span.icon-bar
%span.icon-bar
= active_link_to "o-MobileServer", root_path, :class => "navbar-brand"
/ -- Collect the nav links, forms, and other content for toggling
.collapse.navbar-collapse.navbar-ex1-collapse
%ul.nav.navbar-nav
%li= active_link_to 'About', page_path("about"), :wrap_tag => :li
%li= active_link_to 'Page1', page_path("page1"), :wrap_tag => :li
%li= active_link_to 'Page2', page_path("page2"), :wrap_tag => :li
%li.dropdown
%a.dropdown-toggle{:'data-toggle' => :dropdown}
= "Pages"
%b.caret
%ul.dropdown-menu{:role => "menu"}
%li= active_link_to 'Page3', page_path("page3"), :wrap_tag => :li
%li= active_link_to 'Page4', page_path("page4"), :wrap_tag => :li
%li= active_link_to 'Page5', page_path("page5"), :wrap_tag => :li
%li.divider
%li.nav-header
%b= "More Pages"
%li= active_link_to 'Page6', page_path("page6"), :wrap_tag => :li
%li= active_link_to 'Page7', page_path("page7"), :wrap_tag => :li
可能有什么问题?我应该添加一个特定的 css 吗? 寻求帮助
运行 Bootstrap 3 / Rails 4
我在 application.js 中发表了评论
// 需要涡轮链接
问题消失了……需要进一步调查
【问题讨论】:
标签: css twitter-bootstrap navbar twitter-bootstrap-3