我zurb-foundation
在我的 rails 项目中使用 4.1.6 版。
我创建了这个页面骨架(haml 中的摘录):
%body
.row-fluid
%nav.top-bar
%ul.title-area
%li.name
%h1= link_to t('app.name'), root_path
%li.toggle-topbar.menu-icon
%a{:href => "#"}
%span Menu
%section.top-bar-section
%ul.right
%li.divider.hide-for-small
%li.has-dropdown
= link_to 'Something', '#'
%ul.dropdown
%li.has-dropdown= link_to 'Hello', '#'
.row{:style => "background-color: white; min-height: 800px;margin-top:-30px; padding-top:30px;"}
.large-12.columns
.section-container.horizontal-nav{"data-section" => "horizontal-nav", "data-options" => "one_up: false;"}
%section
%p.title{"data-section-title" => ""}= link_to 'Section', '#'
.content{"data-section-content" => ""}
%ul.side-nav
%li= link_to 'Link', '#'
%li= link_to 'Link', '#'
%li= link_to 'Link', '#'
%li= link_to 'Link', '#'
%li.divider
%li= link_to 'Link', '#'
/ %div.panel
/ = yield
= javascript_include_tag "application"
现在,问题在于,section
折叠就像没有内容一样:
该布局适用于 zurb 基础的静态 css 版本,但 gem 存在问题。非常感谢任何帮助。