使用语义UI创建具有侧导航，固定标题，固定页脚的Web应用程序布局

Question

我正在尝试使用语义ui为Web应用程序创建特定的网站布局，但由于某种原因无法将其删除。

布局由以下部分组成：

补充工具栏（缩小侧边栏，顶部有一个用于制作更宽/更窄的菜单图标，另外还有网站主要部分的图标，当点击侧边栏的菜单图标变得更宽，标签出现在图标附近时，右边的所有内容都会被推送结束）。

主标题（这基本上是一个语义ui菜单，标识为第一项）

Sub Header（这是另一个显示文字和动作图标的水平栏，猜测我可以再次使用菜单）

内容（这将是实际内容的去向，将是唯一可滚动的内容，页面的其余部分永远不应滚动）。

页脚（这将固定在页面底部，再次可以使用菜单）

请参阅图片

我花了很多时间尝试使用语义UI文档构建此布局，但无法弄清楚。我很想废除使用Semantic UI进行网站布局，但我喜欢侧边栏功能。