Original subtitles

My project is all generated and I've already changed into my new pages directory.

I've also opened up my code editor inside this folder so make sure you do so as well.

I'm not going to go ahead and start my development server and then while that's running let's go take

a look at some documentation around bootstrap.

Remember the CSX library.

Old bootstrap.

We're gonna use bootstrap once again to get some free styling to build up a kind of patch Nader that

looks like that right there instead of a new browser tab.

I'm to navigate to get bootstrap dot com at the very top.

I'm going to find the section that says documentation and then on the left hand side I'll find components

then finally under the component section there is a section called Pageant nation the pageant nation

is essentially just a set of HDMI elements so we can put together with some very specific class names

that's going to give us something it looks like that which is just about exactly what we need for our

application whenever we select a given page.

We can also highlight it in blue which you can see down here the kind of active state.

So in this case it's very clear to the user that they're currently looking at page two and then in addition

we can also disable the next in previous buttons because there might be some scenarios where we don't

want to allow to allow user to go to the previous page or the next one.

The most obvious case is if the user is already at the first page or the last one from that page one

should be able to go to the previous page.

You can see right away that this little bit of HDL and CSF that is included with the bootstrap it's

going to really help us out to build this thing inside of our application.

Let's go over to our terminal.

We're going to once again install bootstrap and then wired up to our project okay.

So at my terminal I'll open up a new terminal window still inside my project directory I'll do an npm

install bootstrap and then once that is all done then flip backwards to my editor which again I already

opened just a moment ago.

So make sure you open up your editor inside this new project directory as well.

Then once again inside of our our RC directory we'll find our global styles Nazi SS file and I think

you know we're going to do here.

Yep.

Let's throw in import or bootstrap ist USS bootstrap Dot's USS like so

well then save this file.

I'm going to look back over to my browser and open up my running web development server.

There we go.

Here's local's forty two hundred.

I've got my default landing page.

I can kind of tell that bootstrap did load up successfully because once again the styling inside of

here is just a little bit off.

All right.

So now that we've got everything we need.

Let's take a quick pause right here.

The next video I'm going to start to discuss how we're going to implement this thing using directives.