css - セマンティック UI でサイドバーを常に表示する方法

Question

セマンティック UI でサイドバーを常に表示する方法は? 「アクティブな」css クラスを追加するだけで機能しますが、ページ レイアウトが台無しになります。

There is a working example on jsFiddle .

Answer 1

これは公式に修正されました。

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

Answer 2

この問題は 2015 年以降公式に修正されているため、明確な回答は以下にあります。

参考までに… 2014年には、これを機能させるために次のことをしなければなりませんでした。

1. activeCSS クラスをサイドバーに追加する

2. HTML コードを追加します。

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