Permalink
Browse files

AngularJS Tutorial Part 4 - Introducing Styling Using Bootstrap

  • Loading branch information...
aashnisshah committed Aug 20, 2016
1 parent 11d5ecf commit 0c50a4c4ace82d711a56bd15620776c93e7e28b6
Showing with 22 additions and 9 deletions.
  1. +6 −0 index.html
  2. +16 −9 views/main.html
View
@@ -15,6 +15,12 @@
<!-- Services -->
<script type="text/javascript" src="services/swapi.js"></script>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>
<body>
View
@@ -1,11 +1,18 @@
<h1>{{ heading }}</h1>
<p>{{ message }}</h1>
<div>
<div ng-repeat="person in data">
<p>
<b>{{ person.name }}</b> - <span ng-repeat="film in person.films">{{films[film]}}</span>
</p>
<div class="col-md-10 col-md-offset-1">
<div class="page-header">
<h1>Star Wars</h1>
</div>
<hr>
<div class="panel panel-default" ng-repeat="person in data">
<div class="panel-heading">{{ person.name }}</div>
<div class="panel-body">
<ul class="btn-group" ng-repeat="film in person.films">
<button class="btn btn-primary">
{{ films[film] }}
</button>
</ul>
</div>
</div>
</div>

0 comments on commit 0c50a4c

Please sign in to comment.