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 Foundation の静的 css バージョンでは問題なく動作しますが、gem には問題があります。どんな助けでも大歓迎です。