語義UI：具有響應內容的可摺疊邊欄

我正在嘗試使用可切換的邊欄創建管理模板。我希望它只是滑入和滑出，並且相應地調整內容。我試過了我能想到的一切，沒有任何工作。語義UI：具有響應內容的可摺疊邊欄

下面是我在做什麼的樣本：

<div class="ui vertical sidebar menu visible pushable"> 
    <a class="item"> 
     Item 1 
    </a> 

    <a class="item"> 
     Item 2 
    </a> 

    <a class="item"> 
     Item 3 
    </a> 
</div> 

<div class="ui pusher"> 
    <div class="four column stackable ui grid"> 
     <div class="column">1</div> 
     <div class="column">2</div> 
     <div class="column">3</div> 
     <div class="column">4</div> 
    </div> 
</div>

我用這個嘗試和它差不多的作品，但揭示螺絲起來。

$('.ui.sidebar').sidebar({ 
    // Overlay will mean the sidebar sits on top of your content 
    transition: 'overlay' 
}); 

$('.ui.sidebar').sidebar('toggle');

它看起來像this guy是能夠做到這一點，但我認爲他是基於語義的舊版本。我沒有運氣就嘗試過他的同班同學。

任何想法？

來源

2015-11-15 the4tress

是的，我使用舊版本here，但我認爲它在新版本中是一樣的。要做響應內容，我寫我的自定義CSS和JS。此外，我不認爲比較我的代碼會幫助你的情況。我寫這個答案只是說，我認爲你不能僅通過語義類來實現。

我認爲你必須在側邊欄切換時觸發窗口大小調整。

來源

2015-11-15 10:58:47 martyyy

謝謝！對於將來看這個的人來說，有一天我會寫一個解決方案，並用代碼發佈一條新評論。什麼時候沒有承諾。 – the4tress

這會很好，因爲如果我得到了我的代碼並將其放在這裏 - 對於語義的新版本來說，它可能會變老。 – martyyy

語義UI：具有響應內容的可摺疊邊欄

回答

相關問題