浮动工具条语义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

回答

相关问题