Как сделать боковую панель всегда видимой в семантическом интерфейсе? Просто добавление «активного» класса css работает, но испортит макет страницы.Как сделать боковую панель всегда видимой в Semantic UI
There is a working example onjsFiddle.
Ok, до поры до времени, я следующие вещи:
1) добавил, что "активный" CSS класс для боковой панели
2) добавил HTML-код
<div class="segment">
<div class="container" style="margin:1.5em 1.5em 1.5em 325px">
<!-- content here -->
</div>
</div>
Есть ли у вас какое-либо другое исправление этой проблемы рядом с обходным способом стиля? У меня точно такая же проблема, и я не хотел бы заниматься встроенными стилями. – shaft
Это официально fixed.
<div class="ui vertical inverted left visible sidebar menu">
<a class="item">
<i class="home icon"></i>
Home
</a>
<a class="item">
<i class="block layout icon"></i>
Topics
</a>
</div>
<div class="pusher">This is some content.</div>
Спасибо. Это более приятное решение, чем у майка. –
Спасибо! Это не очевидно из банкоматов docs, но если вы хотите иметь всегда расширенную боковую панель в SemanticUI, это путь. –
У вас есть пример кода, который вы можете поделиться? – badAdviceGuy