panel top

by ifonecoder

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular-touch.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular-animate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.5.0/ui-bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.5.0/ui-bootstrap-tpls.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
    
     <uib-tabset active="activeForm">
      <uib-tab index="0" heading="Drives">
      </uib-tab></uib-tabset>
      
    </div>
 
     </div>     
</nav>

JavaScript

var app = angular.module('myapp', ['ui.bootstrap', 'ngAnimate'])
app.controller('AccordionDemoCtrl', function($scope) {
		$scope.names = ["Mike","Sam","Pam"];
});