Javascript 语义UI底部边栏增加大小

有没有办法增加语义UI底部版本的大小（高度）

如果向div元素添加一个wide类，它会切断条。“宽”仅用于垂直侧边栏，不用于水平侧边栏。“宽”仅影响侧边栏的宽度，而不影响其高度

下面是我的一个解决方案的尝试

HTML

CSS

---

语义UI CSS正在使用

！重要信息

设置高度时，您也需要使用它来覆盖它。看起来您还需要一个与高度相等的负上边距。更新小提琴：

---

如果这对任何人都不起作用，请尝试：.ui.bottom.sidebar、.ui.top.sidebar

<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>

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

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

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

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