浮動工具條語義UI

編輯：簡化的code.So代碼時，因爲它是，當我刪除「側邊欄」顯示垂直菜單側邊欄不shown.But。

<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.However如果我刪除類側邊欄，我可以看到它的垂直菜單正在displayed.So我覺得有帶班側邊欄的問題。

但即使在這種情況下，當我打開谷歌瀏覽器開發模式和鼠標側邊欄的代碼，頁面的某些部分是highlighted.Which意味着它是越來越創建，但不顯示。

請幫助我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。

謝謝。

來源

2016-08-14 sanjith kumar

因此使用按鈕時，側邊欄不會成爲可見的，但是當你刪除類側邊欄，然後使用該按鈕的工具條變得可見？ –

爲replying.I嘿感謝我在談論，我有pasted.As的第三行代碼它說，積極必須始終displayed.When它是因爲它是，當我刪除「邊欄不shown.But側邊欄「課程，則會顯示一個適當的垂直菜單。 –

嗨Sanjith它Avelx，

我不能讓GitHub的例子來運行，因爲我沒有安裝MeteorJS。不過，我相信在將您的示例與您使用的實時版本進行比較之後，邊欄並未使用正確的類。不要忘記我的演講是針對較早版本的語義。使用這些類，而不是...

類=「UI簡單的側邊欄倒豎菜單左揪出可見」

其是否正常工作，不要忘記使用開發工具的官方網頁，像這樣...

google chrome developer tools

下面是從網站本身有進一步澄清的類定義一些文檔。

來源

2016-08-17 11:11:28 user1175087

浮動工具條語義UI

回答

相關問題