浮动侧边栏Semantic Ui

Question

这是我的模板

编辑：简化代码。当代码原样时，侧边栏没有显示。但是当我删除“侧边栏”时，会显示一个垂直菜单。

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

我是Meteor和Semantic UI的新手。

我正在努力获得一个浮动侧边栏，它将使用“菜单”按钮触发。 我无法显示侧边栏。但是，如果我删除类边栏，我可以看到正在显示垂直菜单。所以我认为类边栏有问题。

但即使在这种情况下，当我在谷歌浏览器中打开开发人员模式并将鼠标悬停在侧边栏代码上时，页面的某些部分会突出显示。这意味着它已被创建，但未显示。

请帮帮我。我错过了什么。 这些是我安装的软件包。

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它是Avelx，

我无法运行Github示例，因为我没有安装MeteorJS。 但是我相信在将您的示例与您正在使用的实时版本进行比较后，侧边栏不会使用正确的类。 不要忘记我的讲座是针对较旧版本的Semantic。 请改用这些课程......

class =“ ui简单侧边栏倒置垂直菜单左侧露出可见 ”

看看是否有效，不要忘记使用官方网页上的开发者工具，如此...

谷歌浏览器开发者工具

以下是网站本身的一些文档以及类定义，以便进一步说明。