如何使用Semantic UI获取应用程序内容的侧边栏部分?

时间:2017-02-05 08:25:38

标签: css semantic-ui

这里我是Semantic-UI的新手!

我正在尝试获得如下页面布局,其中标题在顶部固定为100%宽度,侧边栏具有菜单和内容并排。我想在移动设备上进行这项工作,也可以使用切换开关折叠补充工具栏菜单。

---------------------------
Header                    |
---------------------------
Sidebar|     Content      |
  with |                  |
 Menu  |                  |
---------------------------

如果我将侧边栏添加到切换按钮,则侧边栏会显示位置:固定且左侧:0。所以输出如下:

---------------------------
       |Header            |
Sidebar|-------------------
  with |     Content      |
 Menu  |                  |
       |                  |
---------------------------

JsFiddle:https://jsfiddle.net/c4bngzL7/1/

当然这是一个非常常见的布局,我缺少什么?

0 个答案:

没有答案