JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.18/angular-ui-router.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div ng-app="demoApp">
<div ui-view></div>

<script type="text/ng-template" id="partials/base.html">
	<ul class="nav nav-pills nav-justified">
    <li ui-sref-active="active"><a ui-sref="base.home">Home</a></li>
      <li ui-sref-active="active"><a ui-sref="base.machines">Maschinen/Tätigkeiten</a></li>
      <li ui-sref-active="active"><a ui-sref="base.persons">Personen</a></li>
    </ul>
    <div ui-view="content"></div>
    <!-- here you could add a footer view -->
</script>

<script type="text/ng-template" id="pages/home.html">
	home
</script>
<script type="text/ng-template" id="pages/machines.html">
	machines
</script>
<script type="text/ng-template" id="pages/persons.html">
	persons
</script>
</div>

JavaScript

angular.module('demoApp', ['ui.router'])
	.config(routeConfig);
    
function routeConfig($urlRouterProvider, $stateProvider) {

	console.log('config called');
	$urlRouterProvider.otherwise('/');
	$stateProvider.state('base', {
    	url: '/',
        abstract: true,
        templateUrl: 'partials/base.html'
    })
    .state('base.home', {
    	url: '',
        views: {
        	'content': {
            	templateUrl: 'pages/home.html',
                controller: function()  {
                	console.log('home controller');
                }
            }
        }
    })
    .state('base.machines', {
    	url: '/machines',
        views: {
        	'content': {
            	templateUrl: 'pages/machines.html',
                controller: function()  {
                	console.log('machines controller');
                }
            }
        }
    })
    .state('base.persons', {
    	url: '/persons',
        views: {
        	'content': {
            	templateUrl: 'pages/persons.html',
                controller: function()  {
                	console.log('persons controller');
                }
            }
        }
    })
}