<!DOCTYPE html>
<html>
<head>
<script data-require="jquery@*" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script data-require="bootstrap@*" data-semver="3.1.1" src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link data-require="bootstrap-css@3.1.1" data-semver="3.1.1" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<h3>Tabs</h3>
<!--.nav-justified can be added to make justified -->
<ul class="nav nav-tabs">
<li class="active"><a href="#" data-toggle="tab">Sub-Items</a></li>
<li><a href="#" data-toggle="tab">Displays</a></li>
<li><a href="#" data-toggle="tab">Properties</a></li>
</ul>
</div>
<div class="row">
<h3>Tabs left</h3>
<!-- Nav tabs -->
<div class="tabbable tabs-left">
<ul class="nav nav-tabs " role="tablist">
<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
<li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
<li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="home">
<div class="container">
<div class="row form-group">
<div class="col-md-3">* Project name:</div>
<div class="col-md-3">
<input type="text" class="form-control" ng-model="projectCreate.project.name" required/>
</div>
</div>
<div class="row form-group">
<div class="col-md-3">* Integrate with customer:</div>
<div class="col-md-3">
<input type="text" class="form-control" ng-model="projectCreate.project.name" required/>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="profile">profile</div>
<div role="tabpanel" class="tab-pane" id="messages">...</div>
<div role="tabpanel" class="tab-pane" id="settings">...</div>
</div>
</div>
</div>
</div>
</body>
</html>
// Code goes here
/* Styles go here */
body {
margin: 10px;
}