2013-05-12 79 views
0

我在我的rails项目中使用zurb-foundation版本4.1.6。Zurb-foundation部分崩溃

我创造了这个页面的骨架(以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版本,但与宝石的问题。 任何帮助是高度赞赏。

回答

0

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