O'Reilly logo

Learning Web Development with Bootstrap and AngularJS by Stephen Radford

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Populating the View Contact view

The final partial we need to populate is the screen where we can view our contact. I was tempted to just add this in as a form but I quite like the idea of having static text, which we can choose to edit certain sections of.

We're going to need to display all the same information we entered in the Add Contact view, as well as our Gravatar.

Title and Gravatar

To begin, we're going to include a page-header class. This is going to house an h1 tag with our contact's name within:

<div class="page-header">
  <h1>Declan Proud</h1>
</div>

I also want to include our Gravatar here, so let's take a look at how we can achieve that. For now, we're just going to use some placeholder images from http://placehold.it. If you've not used ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required