Python for Entrepreneurs Transcripts
Chapter: Web design: CSS Frontend frameworks and Bootstrap
Lecture: Installing bootstrap (recap)
Login or
purchase this course
to watch this video and the rest of the course contents.
0:03
If you can remember way back to when we first got started with Pyramid, one of the final things we talked about in that chapter
0:10
was how to install and manage our static components, we talked about Bower installing and managing them with Bower.
0:18
And here while we are talking about Bootstrap, I just want to give you one more reminder like,
0:22
use something that could manage and upgrade version of our static files, things like Bootstrap, they are released all the time
0:28
and so it's really great to be able to go to Bower and say upgrade that to some point version release, here we have 3.3.6, maybe 3.3.7 is current,
0:35
we could run a command line command and just have that happen. So, if we do that, we get a bower_components folder,
0:44
and of course, we want that to be in our static folder. Let's jump over here to the GitHub repository,
0:50
just real quickly and see how this looks in our actual example we are going to be working with.
0:54
Over here is the Blue / Yellow App and I've called it blue_yellow_app_9, to point out that this is chapter 9 about Boootstrap
1:00
and not the one from web design or web starters and so on. And if we look in here, you can see in the static folder,
1:05
we have the CSS that we write, the images that we create, the JavaScript that we are going to write, and we have Bower components,
1:13
and in here, we've got Bootstrap CSS, jQuery, we also have Font Awesome, which is really great, we are going to be making good use of that,
1:20
we've got HTML5 Shiv and Respond for the older Internet Explorer and non-responsive or non-HTML 5 browsers, so we don't use that very often.
1:29
The basic idea is we are going to install Bootstrap CSS along with everything else we need, using Bower.