基金會5段

我在與部分中的一些問題基金會5基金會5段

<div class="section-container horizontal-nav" data-section="horizontal-nav"> 
<section> 
<p class="title" data-section-title><a href="#">Section 1</a></p> 
<div class="content" data-section-content> 
    <ul class="side-nav"> 
    <li><a href="#">Link 1</a></li> 
    <li><a href="#">Link 2</a></li> 
    <li><a href="#">Link 3</a></li> 
    <li class="divider"></li> 
    <li><a href="#">Link 1</a></li> 
    </ul> 
</div>

上面的代碼只產生一個垂直列表，而不是水平的代碼應該觸發。該代碼在4中工作，但不在5中。我假設它的JavaScript更改，但5文檔沒有提及部分，side-nav文檔沒有提及部分容器類。任何人得到這個工作在5呢？

來源

2013-11-22 Kcrow

我認爲他們已經取消了在基金會的5版本區段（標籤支持和然而，手風琴依然存在 - 請參閱標題爲Content的文檔部分：http：//foundation.zurb.com/docs/）。 – Snig

的確，它在v5中被刪除。將它們替換爲選項卡，然後設置選項卡的樣式以添加灰線。 in your sass file： '.tabs { \t border-bottom：1px solid #ddd; \t dd.active { \t \t border：1px solid #ddd！important; \t \t border-bottom-color：white！important; \t} \t }' – pixeline

您可以在class =「large-12 columns」（或任意數量的列）中使用頂部欄來實現類似的功能。如果你想讓它看起來不同於傳統的頂級酒吧，你所要做的就是照顧菜單樣式。

這裏有一個簡單的例子，是不是太花哨，但希望對大家有所幫助上手：

<header class="row"> 

    <div class="large-12 columns"> 
    <nav class="top-bar" data-topbar="" role="navigation" data-options="is_hover:false"> 
    <!-- All your menu code here --> 
    </nav> 
    </div> 

</header>

http://jsfiddle.net/zdwo3aLc/embedded/result/

來源

2015-01-24 16:26:58 Rodrigo

回答

相關問題