You need to create a simple HTML template as a base where we will use Bootstrap. For that, the first thing you want to do is create a folder on your computer or server for the project files. In this case, we will simply call it bootstrap .Here, create a new text file and call it index.html. Open it with a text editor of your choice and then pasete the followingcode into it.
1.Host Bootstrap Locally
One way is to set up Bootstrap is to download it to your hard drive and use the files locally. Here, be sure to get the compiled CSS and JS files. You don’t need the source files.
Once you downloaded, unzip the file and copy its contents into the same directory as index.html . After that, you can load the Bootstrap CSS into your project like this:
<link rel=“stylesheet” href=“bootstrap/css/bootstrap.min.css”>
2.Load Bootstrap via CDN
Bootstrap consists mainly of style sheets and scripts. As such, they can be loaded in the header and footer of your web page like other assets such as custom fonts.
To use Bootstrap into your page, simply paste the code below into the section of your template.
You need also to load the jQuery library to get the full functionality of Bootstrap.You can load it remotely or host it locally.
Place the code in <body>