語義UI底部邊欄增加尺寸

Question

有沒有什麼方法可以增加語義UI底層版本的尺寸（高度）Sidebar？

如果向div元素添加一個寬類，它會切斷條。 「寬」僅用於垂直側邊欄，不適用於水平側邊欄。 「寬」隻影響邊欄的寬度，而不是其高度。

這是我的fiddle一個解決方案的嘗試。

HTML

<div class="ui bottom sidebar deep vertical inverted menu" id="bottom-side"> 
    <div class="header item">Bottom Sidebar menu</div> 
    <a class=item>Foo</a> 
    <a class=item>Foo</a> 
    <a class=item>Foo</a> 
</div> 

JS

$(document).ready(function() { 
    $('#bottom-side').sidebar('toggle'); 
}); 

CSS

.ui.deep.bottom.sidebar { 
    height: 400px; 
} 

.ui.deep.active.bottom.sidebar { 
    height: 400px; 
} 

Answer 1

設定的高度時，語義UI CSS使用!important，所以你需要使用它，以及重寫它。看起來你也需要一個等於高度的負頂邊。更新小提琴：http://jsfiddle.net/m4th0hb3/1/

.ui.deep.active.bottom.sidebar { 
    height: 400px !important; 
    margin-top: -400px !important; 
}