语义用户界面底部边条增加大小
语义用户界面底部边条增加大小
提问于 2014-11-05 20:17:06
有没有办法增加语义UI 侧边栏底部版本的大小(高度)？
如果向div元素添加了一个wide类，它就会切断条形图。"wide“仅用于垂直侧边栏，而不是用于水平侧栏。“宽”只影响边栏的宽度，而不影响其高度。
这是我尝试解决方案的小提琴。
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;
}回答 1
Stack Overflow用户
回答已采纳
发布于 2014-11-05 20:26:37
语义use在设置高度时使用!important，因此您也需要使用它来覆盖它。看起来你还需要一个与高度相等的负的上边距。更新小提琴：https://jsfiddle.net/m4th0hb3/1/
.ui.deep.active.bottom.sidebar {
height: 400px !important;
margin-top: -400px !important;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26766296
复制相关文章
相似问题
腾讯云开发者
