Css 离子flexbox可折叠菜单

我第一次使用Ionic和flexbox，我正在努力组织我的布局

我正在尝试创建一个垂直菜单，用户可以在其中选择一个主题。每个主题都有自己的副主题。如果选择了一个主题，则会出现一个新行，其中包含相关的子主题。主题应该并排列出

问题是。。。 我使用一行和一列50并排绘制主题，并在每个列50内添加另一行和一列100。子主题行受父列col-50限制，不使用100%宽度

---

解决这个问题最简单的方法是什么？

我发现这个，也许你在找

它是完整的，我申请我的项目这一点

这是我的菜单

angular.module('ionicApp', ['ionic'])
.controller('AppCtrl', function($scope, $timeout, $ionicLoading) {

});