浮動サイドバーセマンティック宇井

Question

は、これは私のテンプレート

EDITです。

<template name="pageTemplate"> 
{{#if currentUser}} 
    <div class="ui vertical menu inverted blue floating sidebar active"> 
     <div class="menu"> 
      <a class="item"> 
       <i class="home icon"></i> 
       Home 
      </a> 
      <a class="item"> 
       <i class="disk outline icon"></i> 
       Devices 
      </a> 
      <a class="item"> 
       <i class="area chart icon"></i> 
       Statistics 
      </a> 
     </div> 
    </div> 

{{/if}} 
{{>yield}} 
<div class="ui inverted footer red segment"> 
    Sixdee Technologies 2015 &copy;. All Rights Reserved 
</div> 

私は流星とセマンティックUIに新しいです。

「メニュー」ボタンを使用して起動するフローティングサイドバーを取得しようとしています。 私はサイドバーは、私はクラスのサイドバーを削除した場合、私はクラスのサイドバーに問題があると思い垂直メニューはdisplayed.Soをされていることがわかりますdisplayed.Howeverなることを得るカント。

でも、この場合でもGoogle Chromeで開発者モードを開き、サイドバーコード上にマウスを置くと、ページの一部が強調表示されます。作成されているが表示されていないことを意味します。

Plsのは、何かが足りないのです、私を助けてout.I。 これは私がインストールしたパッケージです。

semantic:ui      2.2.1 Official Semantic UI Integration for Meteor 
semantic:ui-css     2.1.2 Semantic UI - CSS Release of Semantic UI 
semantic:ui-sidebar    2.1.7 Semantic UI - Sidebar: Single component release 

必要に応じて自分のCSSを共有することもできます。

ありがとうございました。

Answer 1

こんにちはSanjithそれは私がMeteorJSがインストールされていないとして、私は実行するためのGithubの例を得ることができませんでしたAvelx、

です。しかし、あなたのサンプルを使用しているライブバージョンと比較した後、サイドバーは適切なクラスを使用していないと思います。私の講義はセマンティックの旧バージョン用であることを忘れないでください。代わりに、これらのクラスを使用して...

クラス=それが動作しますので、などの公式ウェブページ上の開発ツールを使用することを忘れていない場合

を参照してください「UIシンプルなサイドバーの反転垂直メニューが表示さを発見左」ここでは...

google chrome developer tools

さらに明確化のためのクラス定義とサイト自体からいくつかのドキュメントです。