如何使侧边栏始终在语义UI中可见

时间:2014-01-22 20:33:09

标签: css semantic-ui

如何在语义用户界面中始终显示侧边栏? 只需添加“活动”css类,但会混淆页面布局。

There is a working example on jsFiddle

2 个答案:

答案 0 :(得分:14)

这已经正式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>

答案 1 :(得分:2)

此问题自2015年起正式修复,因此明确回答can be found below

仅供参考......在 2014 我必须做以下事情才能完成这项工作:

  1. active css类添加到侧边栏
  2. 添加HTML代码:

    <div class="segment">
        <div class="container" style="margin:1.5em 1.5em 1.5em 325px">
            <!-- content here -->
        </div>
    </div>