Introduction to Bootstrap

ACCESS the FULL COURSE here: https://academy.zenva.com/product/full-stack-web-development-mini-degree/?zva_src=youtube-fullstackmd

TRANSCRIPT

Hello everyone, and welcome to our tutorial series on an Intro to Bootstrap. My name is Nemish and I'll be guiding you through the next videos in which we'll be getting an intro into what Bootstrap is and how to use it. Once we are comfortable using Bootstrap, we can then move on to actually building a few projects and I'll let Mario take over. So for starters, what is Bootstrap? Well Bootstrap is simply an open source framework that's used to develop websites and web apps. Basically, anything web related. Bootstrap is generally based on HTML and CSS, there's a little bit of JavaScript functionality in there, but mostly it's just pure HTML CSS. And Bootstrap provides pre-formatted templates for common frames and widgets. We basically use these pre-formatted frames and widgets to help build up our web pages by specifying containers and adding in the necessary widgets. So why bother using Bootstrap? Well, for starters, Bootstrap just generally makes web development easier and faster. Using Bootstrap allows us to quickly build good looking web pages and web apps with relatively little work. The widgets and frames provided are pre-formatted to already look good. This eliminates the need to go through and painstakingly apply CSS formatting to every single HTML element or frame that we want to add into our web page. Basically, using Bootstrap we can build up a web page that looks good very, very quickly rather than having to build first the HTML frame and then go through each individual container and element and style it. For example, using Bootstrap, we can just simply add a button to our page, specify it to be off the Bootstrap button class and it will likely already have some kind of color, it will probably have rounded edges, maybe a nice font, on-hover behavior among others. These are all attributes that we would have to specify ourselves if we were not using something like Bootstrap. Now, we'll really quickly talk here about how to use Bootstrap then we'll end this section and head on over to the actual web page itself where we'll get a better understanding. There are four basic steps to using Bootstrap. The first will be to add the necessary header files to your HTML file, or rather header tags. Once we have those header tags added, that gives us access to the entire Bootstrap framework. We then go online to the Bootstrap web page and we find the widget and frames that we want and basically just copy and paste the code from there. One of the best things about Bootstrap is that it's open source, so we can literally take the source code provided and use that right in our web pages. So let's say we wanted a cou ... https://www.youtube.com/watch?v=nPQmnCTMOz4