Added search. Converted to bootstrap

beer-search.component.html

@@ -0,0 +1,27 @@
+<div class="col-md-12">
+
+  <div class="input-group">
+    <input class="form-control" [(ngModel)]="search">
+    <span class="input-group-btn">
+        <button class="btn btn-primary" (click)="searchBeer()">Search</button>
+   </span>
+  </div>
+
+  <div class="row">
+    <div class="col-md-6">
+
+      <h2>Search</h2>
+      <ul class="heroes">
+        <li *ngFor="let beer of beers" (click)="onSelect(beer)" [class.selected]="beer === selectedBeer">
+          <span class="badge"> {{beer.id}} </span> {{beer.name}}
+        </li>
+      </ul>
+    </div>
+    <div *ngIf="selectedBeer" class="col-md-4">
+      <h2>
+        {{selectedBeer.name | uppercase}} is my favorite beer!
+      </h2>
+      <button class="btn btn-primary" (click)="gotoDetail()">View Details</button>
+    </div>
+  </div>
+</div>