What is Bootstrap Studio

What is Bootstrap Studio And Its Components ?
Bootstrap Studio is a studio which uses the web language called bootstrap to build  a site in the most fastest way as possiable. In bootstrap studio we just have to drag the bootstrap components such as navbar just drag it bootstrap studio will write the code itself but if you want to design the navbar in your own way then you can use CSS , javascript and jquery to customize it . Now lets break down all of the features of bootstrap studio and how to use them.

1 Component Section 
This section contains the bootstrap components like  navbar , header , paragraph , jumbotron , etc.Now just go to the studio section search navbar click and drag it on the white screen and you will see this

2 Overview Section
Now in this section we can see the layers of html and body tags in this section we see which layer is on top of the other layer.In the example below we can see that in the HTML tag is the body tag and then in the body tag we have navbar.

3 Design Section 

Now in the design section we can see that there are multiple tabs

• Pages
• Style
• JavaScript
• Fonts
• Images

In the Pages tab we can see different pages and link different pages with one another .The Style section is where we keep all our CSS file for designing purpose. Javascript tab is where we keep out scripts file for animation purpose.Fonts tab is to add your google fonts .And images tab is for adding images in your project.

4 Options Section 
In this section we can change the properties of our bootstrap components let me show you the option of navbar

As you can see that we can change the style of navbar give it different position and many other option that you can explore by your own self.

5 Preview Button
Now if you want to preview your site then click preview then this message will pop up

Now Click on the check mark once it is checked then a new message will pop up

And once you click on any one of the buttons then a new tab will be opened on your browser and you will see your project in display.

6 Export Button 
If you want to export your project then click on the export button it will export you project files like html , css , javascript ,images files and put them all in one folder so that you can get started on the back hand coding like PHP , Python , etc .

7 Conclusion 
We have mostly covered all of the main components of bootstrap studio i have skipped the little features but you can easily find them and use them like the HTML and CSS section i didnot include them because you can easily understand them .If you have any other questions please let me know and thank you for coming.