From the course: Angular: Animations
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Application layout - Angular Tutorial
From the course: Angular: Animations
Application layout
- [Narrator] In order to provide a bit of intentional, visual structure to our application we'll be leveraging the Bootstrap framework to make it simple to create navigation elements and nicely styled list choices. To do this, we'll need to go ahead and edit the index.html file for our project. So opening that file up and it's just right inside of Source, we can see that we don't really have much going on in here. I'm going to put a line break in, because this is where we're going to import all of our Bootstrap stuff. Now there are a number of different ways to include Bootstrap into our application. For instance, you could go ahead and use the package.json and NPM to pull this stuff down, but I'm going to take the easiest route, which is through the BootstrapCDN. So let's pop over to our web browser, and inside the browser we can see that we don't have a lot of real, stylistic stuff going on in our application right now. We have some basic text and we have a white background. So…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
(Locked)
Verifying the animations package4m 50s
-
(Locked)
Project module configuration2m 4s
-
(Locked)
Application layout5m
-
(Locked)
Creating route view components5m 2s
-
(Locked)
Configuring project routes6m 5s
-
(Locked)
Challenge: Create a 404 route view24s
-
(Locked)
Solution: Create a 404 route view1m 35s
-
(Locked)
-
-
-
-
-