Zurb-foundation部分崩溃

Question

我在我的rails项目中使用zurb-foundation版本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版本一起工作正常，但是有宝石的问题。 任何帮助都非常感谢。

Answer 1

zurb-foundation 4.2.1已解决此问题。使用bundle update更新您的宝石。