From the course: Bootstrap 5 Essential Training

Installation options - Bootstrap Tutorial

From the course: Bootstrap 5 Essential Training

Start my 1-month free trial Buy for my team

Installation options

“

- [Instructor] This version of Bootstrap has a lot of different installation options. So let's go through them. Now, the fastest way to use Bootstrap is to use one of the CDNs. A CDN is a Content Delivery Network or a server that hosts libraries like Bootstrap. When using one of these links, the browser checks to see if there's already a copy of the library from when you visited another site. You can also install Bootstrap by downloading the pre-compiled CSS and JavaScript files. Now that works well if you want to work offline without an internet connection You can also download the source files. That means all the files that the developers used to create Bootstrap. Which beats the original SAS files and documentation. You probably only want to do this if you want to contribute to the project or customize Bootstrap. The last way is to use a package manager. That means using something like Webpack, parcel, NPM or others. It's meant for advanced developers who want to really customize things. There's also a special project called the NPM starter kit which you can download at this link. It's an attempt to create a Github repo that you can use as a starter kit, but it's under heavy development. Now here's the template that I created for you that you can use as a starter to any project. It's a simple HTML page with a few additions. Mainly it's got links to all the CDN projects. So you'll need a copy of the CSS rate here as well as a copy of the Java script, which you can see right here. Now, I also snuck in a copy of Bootstrap icons, which you can see right here. If you don't want to use the icons, you can remove this link. Usually on a template, I also have some sort of container like this main container right here, with a class of container. That also sets up the grid and a lot of times I'll start off by creating an MT4, which puts a margin at the top of the element of four. Otherwise this headline would appear at the very top of the page. This is what I use for any sort of basic website. So you feel free to use this if you want to on your own projects

Contents