1 00:00:05,750 --> 00:00:10,340 So there are several different ways to have bootstrap to your website and you get a couple of options. 2 00:00:10,350 --> 00:00:16,960 Now to make sure you have the most recent version of bootstrap because they do updated every once in 3 00:00:16,970 --> 00:00:23,740 awhile go to get bootstrap dot com and you'll see the site here depending pay when you actually watch 4 00:00:23,740 --> 00:00:24,460 this. 5 00:00:24,550 --> 00:00:26,370 You may see slightly different home page here. 6 00:00:26,380 --> 00:00:29,550 But currently we're looking at bootstrapped version 4.0. 7 00:00:29,800 --> 00:00:33,790 And as you come to the web search here you can see that it gives you the option to go ahead and get 8 00:00:33,790 --> 00:00:36,780 started or download the files. 9 00:00:37,030 --> 00:00:44,270 There's also the option up here download as well as some CDN versions of the code that you need. 10 00:00:44,710 --> 00:00:49,870 Now Personally I'd like to use this version right here so I can just copy this line of code and put 11 00:00:49,870 --> 00:00:51,100 it into my web site. 12 00:00:51,410 --> 00:00:56,500 Now I see the end as is it actually helps speed up the process because it puts these files on a faster 13 00:00:56,500 --> 00:00:57,820 server for you. 14 00:00:57,960 --> 00:01:02,750 They can just as easily download the files and save them right into your web site. 15 00:01:02,860 --> 00:01:07,450 That way you have a little more control over what type of file you have and you can make adjustments 16 00:01:07,450 --> 00:01:08,620 to it as needed. 17 00:01:08,740 --> 00:01:13,810 Whereas these files are stored in another server so you really can't make any modifications to them. 18 00:01:14,080 --> 00:01:15,510 Again there's always ways around them. 19 00:01:15,520 --> 00:01:19,310 But there's one issue some of the different options here. 20 00:01:19,490 --> 00:01:23,370 First I guess that's going take a look at the download option and would click on here. 21 00:01:25,110 --> 00:01:28,460 And scroll down and you'll see that you've got different options here as well. 22 00:01:28,560 --> 00:01:34,550 You can look at the source files which done though that again you'll have all the files that make up 23 00:01:34,680 --> 00:01:39,540 the bootstrap framework for your web site will be these SS files and javascript to check where your 24 00:01:39,540 --> 00:01:44,640 files as well as compressed versions and all sorts other little things too. 25 00:01:44,660 --> 00:01:46,340 So there is that. 26 00:01:46,590 --> 00:01:53,180 Again I'd like to use the CD version of it but there's also other ways that you can actually install 27 00:01:53,180 --> 00:01:54,620 it within your Web site depan. 28 00:01:54,620 --> 00:01:55,940 How do you like to work. 29 00:01:55,940 --> 00:02:00,370 Some people work through terminal and use a lot of the stuff through command line. 30 00:02:00,410 --> 00:02:04,320 Ruby gems there's all the fun ways to add it into your website. 31 00:02:04,370 --> 00:02:09,790 Gary keep this fight a little bit simple and just take a look at the way that I like to do it. 32 00:02:10,690 --> 00:02:17,120 Can I come back to the home page was the same code as you were seeing on the other one as you seeing 33 00:02:17,120 --> 00:02:18,590 on the last page there. 34 00:02:18,730 --> 00:02:20,800 I'm sure a copy from right here to keep it simple. 35 00:02:20,800 --> 00:02:25,730 Again we got a good bootstrap to come and we just click on this link right here. 36 00:02:25,840 --> 00:02:27,310 I'm going to copy that. 37 00:02:27,440 --> 00:02:28,390 SS file. 38 00:02:29,580 --> 00:02:33,080 Downham inducements to open up a brand new h HTML document. 39 00:02:33,150 --> 00:02:34,410 Got one right here. 40 00:02:35,410 --> 00:02:40,080 And with in the hand of my document here. 41 00:02:40,290 --> 00:02:42,910 A little space that I'm going to pace that in. 42 00:02:43,090 --> 00:02:48,520 So you can see what it's doing is creating a stylesheet link but instead of giving it a relative path 43 00:02:48,520 --> 00:02:54,550 which would be on most normal web sites you'd need to have these CSSA files with us Jasus folder or 44 00:02:54,550 --> 00:02:56,040 something like that. 45 00:02:56,080 --> 00:03:04,950 Here we have an absolute link where it's linking to this CD and bootstrap link that has some other information 46 00:03:04,950 --> 00:03:05,340 here too. 47 00:03:05,340 --> 00:03:10,450 We don't talk about that just copy and paste that into your document that for the most part you could 48 00:03:10,450 --> 00:03:13,500 get away with just using the CSSA file here. 49 00:03:13,660 --> 00:03:16,860 It does give you some other javascript files as well. 50 00:03:16,870 --> 00:03:21,600 One copy those and although we will not be using those right away it's good just to have in the dock 51 00:03:21,610 --> 00:03:26,480 and for when you are ready to use it makes it a little bit easier. 52 00:03:26,490 --> 00:03:33,400 Don't forget that de-code back and grab those and copy and paste those in there now that would work 53 00:03:33,690 --> 00:03:37,070 just like the C S S file where you're getting absolutely ink. 54 00:03:37,140 --> 00:03:39,730 Write to the file and then get some other information as well. 55 00:03:39,730 --> 00:03:42,510 With them they're not worried about at this point. 56 00:03:42,690 --> 00:03:48,310 We want to make sure that we have those in our site and now we can start working on our bootstrap file.