In this blog, we will learn how to use Bootstrap with HTML. We have gathered some basic knowledge about it from our previous blog. This time, we discuss the process for using it with HTML in Visual Studio Code.
In this blog what we will learn:
- How we can use Bootstrap
- Use Offline
- Use Online
How we can use Bootstrap
We can apply Bootstrap for web designing and development. We can use it by downloading its files. So you can use it offline or without an internet connection. Then you visit the website getbootstrap.com. Otherwise, you can add a CDN file to your HTML file if you don’t want to download any files. You can also get these CDN links from the previous link. So we discuss these two processes step by step.
Use Offline or Local server
You can work on it in offline mode. Let’s see how we can do it. Firstly, open your web browser and type ‘getbootstrap‘.
Then visit the first website. Here you find the download button. By pressing the button, another tab will open.
Then you see Compiled CSS and JS files. Now download two files in your CSS folder. Hence you use Bootstrap in HTML. So you must save the ZIP file in your CSS folder or where you save your CSS file. After that, extract the zip file and copy this file.
Now go to your editor. I use Visual Studio Code. So I open it. Then write some basic HTML codes. Now in the header tag, you add the path of that files. Now it’s ready and you can use Bootstrap in your local server or offline mode.
Use Bootstrap Online or Use CDN files
Again we visit the ‘getbootstrap‘ website. Then click the download button.
Now scroll down the page. Here you can find the CDN link. Now Copy it By pressing copy.
Now go to your HTML codes. Then in the header tag paste the links. Now it’s done. Then write your HTML codes.
If you miss our previous blog then visit our website Developer zone. Here you can learn various things about software development-related.