Skip to Main Content
AngularJS Web Application Development Blueprints
book

AngularJS Web Application Development Blueprints

by Vinci J Rufus
August 2014
Intermediate to advanced content levelIntermediate to advanced
300 pages
6h 9m
English
Packt Publishing
Content preview from AngularJS Web Application Development Blueprints

Prototyping our application

Many a times, while building large client-side applications, things get a lot clearer when we start with designing our layout and views and, in general, setting up the application click flow.

We will start by using bootstrap to get our basic grid in place.

Setting up our index.html file

Let's open up our index.html file and add the Bootstrap CSS. For the sake of convenience, we will use the Simplex Bootswatch theme by adding its CDN link as follows:

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootswatch/3.1.1/simplex/bootstrap.min.css"/>

Next, we will add the navigation bar just under the body tag or our index.html file, as shown in the following code:

 <nav class="navbar navbar-fixed navbar-inverse" role="navigation"> ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

AngularJS: Maintaining Web Applications

AngularJS: Maintaining Web Applications

Rodrigo Branas, Chandermani, Matt Frisbie, Amos Q. Haviv
AngularJS

AngularJS

Shyam Seshadri, Brad Green
Professional AngularJS

Professional AngularJS

Valeri Karpov, Diego Netto
Pro AngularJS

Pro AngularJS

Adam Freeman

Publisher Resources

ISBN: 9781783285617Supplemental Content