title: How can I create the required layout of nested collapsible containers using Twitter Bootstrap (with panels, accordions etc.)?
body: <p>I would like to create the layout as shown in the following picture. I am currently using Twitter Bootstrap's layout and controls to create a web application.</p>
  
  <p><img src="https://i.stack.imgur.com/iS4Zt.jpg" alt="Desired layout"></p>
  
  <p>There are outer containers below one another and each outer one has containers within them. I would like all containers to be collapsible i.e. I would like to minimize each one, including the outer containers. All containers should be shown on screen on load.</p>
  
  <p>When all inner containers are minimized / collapsed, the parent outer container should then collapse as well. I am also open to suggestions on the location of the minimized parent containers (to the left, top or bottom).</p>
  
  <p>I am not sure how to create this layout (either with the accordion control or with panels or any other suggestion anyone may have) and would like to know if anyone has a suitable suggestion?</p>