Dynamic Tabbed UI with Ember.js

I'm working on an Ember.js application and one of my requirements is to design a tabbed UI with Bootstrap v3. I've been using EmberJS in production for two months now so I'm kinda a newbie. I've spent some time on the internet searching on the subject but haven't been able to find any useful information yet.

I need to be able to render my routes into a Tab Control, each tab pane will have its own controller/template/view and when i close tab panes such objects should be disposed. So that when i open them up again, the controller instance is reset etc.

How would one implement this design? What is the best way to have a dynamic Tabbed UI with routing in Ember.js?

Thanks in advance