Untitled

<!DOCTYPE html>
<html>

  <head>
    <link data-require="bootstrap@*" data-semver="3.3.2" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
    <script data-require="bootstrap@*" data-semver="3.3.2" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
    <script data-require="angular.js@*" data-semver="2.0.0-alpha.20" src="https://code.angularjs.org/2.0.0-alpha.20/angular.js"></script>
    <script data-require="jquery@2.1.3" data-semver="2.1.3" src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app="gradebookApp">
    <nav class="navbar">
      <ul class="nav navbar-nav">
        <li class="navbar-brand">
          <p>Nav here</p>
        </li>
      </ul>
    </nav>
    <div class="ui-view" ng-view=""></div>
  </body>

</html>

// Code goes here

/* Styles go here */

.navbar{
  background-color: lime;
}
.ui-view{
  padding:0;
  margin:0;
  height:100%;
  background-color:gray;
}

html, body{
  height: 100%;
}
body {
  font-family: Roboto,sans-serif;
  font-size: 15px;
  color: #5f5e5d;
  height: 100%
}
.ui-view{
  height: 100%
}
* {
  outline: 0px none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}