Create a Single Page Responsive Website Using Bootstrap

Everyone wants to create the website which is compatible with all the devices like computer, laptops, tablets, and mobiles. So for making a website responsive the best way is to make a website using Bootstrap.

Since it is a single-page website when you click on any menu on the website it will reach you towards a specific section.

Code Implementation:

HTML Code:

In the HTML code, you have to copy the starter template from the bootstrap and just paste it into your HTML file. After that create a navbar. 

Then you just have to use the grid system of bootstrap, and you will be able to create a simple and responsive website like this. 

CSS CODE:

So, as you all know that bootstrap is not enough good for making the website interactive, so added some CSS over here. 

You can change the navbar background color according to your requirement. 

Output:

Supported Browser:

• Google Chrome
• Microsoft Edge
• Firefox
• Opera
• Safari
  

 You can check out this project at the given link - https://saurabhsonewane.github.io/gfg1.github.io/