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

Summary

Okay, so we've got our three main layouts complete. We've achieved all of this without writing a single line of CSS by harnessing Bootstrap's core styles and components.

In our Index view, we saw how Bootstrap includes default styles and then uses secondary classes to add some extra flare. This is a pattern Bootstrap uses throughout, and we also saw it in action with our buttons and inputs.

With our Add Contact view, we had a look at the best ways to lay out a form and settled on using form-horizontal. This was something we could then recycle when creating our contact card.

In the next chapter, we're going to take a look at hooking up our views to dynamic data. We'll need to utilize AngularJS to create contacts, loop them through and display ...

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