Navigate between bootstrap dynamics tabs in angularjs application

Question

I have an angularjs application with bootstrap. In this one, I have a page with many tabs that I can dynamically add or remove.

When I have a lot of tabs they go on a second or third line. But I want something like the dynamics tabs from angularjs material. So I want to just have one line and navigate between all the tabs thanks to arrow button.

This is how I display my tabs:

<uib-tab index="$index + 1" ng-repeat="tab in listJobsViewCtrl.tabs" heading="{{tab.title}}">
      {{tab.content}}
</uib-tab>

This it what I have: And what I want (not all styles): Is it possible to do it with bootstrap ?