有个小错误要修正一下 ... 顺便回顾一下项目的这个 html 文档的代码结构 ...

最上面这块儿是边栏的内容 .. 上面有个关闭按钮，里面还会显示一个导航菜单，菜单里的内容我们是用 javascript 给它添加的 ..

下面有个带 pusher 类的容器 ... 它是 semantic ui 的边栏组件推荐我们用的一个容器 ... 目的就是更好的去显示边栏 ...

这个容器里面包装了页面的主体内容 ... 最上面是个导航 ..

下面是页面的英雄区 ... 之前我把它注释掉了 ... 选中它 ... command + / ，取消注释 ..

英雄区的下面是一组卡片 ..

然后是我们这集做的一个故事区 ... 这块代码的结构有点问题 ... 你会发现它的下面有两个 div 标签的关闭 ..

剪切一下这个 story 代码 .. 展开 cards

倒数第二个 div 关闭应该是这组 cards 的大包装的关闭 ...

然后才是 story 的代码 ...

这个 navbar，hero，cards 还有 story 它们是兄弟关系 ...

可以再到浏览器上预览一下 ..