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 Add Contact view

It's quite clear what we're going to need in our Add Contact view—a form to allow us to enter the required information. Thankfully, Bootstrap provides us with a lot of control when arranging our fields. We've already worked out what data we're going to be storing, so it's just a case of working out what type of field is best:

  • Name: Text field
  • Email address: Email field
  • Phone number: Tel field
  • Address: Textarea
  • Website: Text field
  • Notes: Textarea
  • Gravatar: N/A

As Gravatar uses an email address to serve images, we don't need to request any additional information here. We've got a total of six fields, so I think two columns would be great here.

The first thing we need to do is open up our form. Once we've done that, we can ...

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