首页 文章

Zurb-foundation部分崩溃

提问于
浏览
0

我在我的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 崩溃,好像它没有内容:
enter image description here

布局与zurb基础的静态css版本一起工作正常,但是有宝石的问题 . 任何帮助都非常感谢 .

1 回答

  • 0

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

相关问题