2013-05-12 78 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更新你的寶石。