Zurb foundation Zurb基础段坍塌

我在rails项目中使用的是

zurb foundation

4.1.6版

我已经创建了这个页面框架（摘自haml）：

现在的问题是，

部分

会像没有内容一样折叠：

<> Pr>使用ZURB基金会静态CSS版本，但GEM存在问题。

---

非常感谢您的帮助。

此问题在

zurb foundation 4.2.1

中解决。使用

bundle Update

更新您的gems

%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"