part 1. Buttons
A key feature of Bootstrap are its default classes.
You can call these classes to quickly and easily build good looking features for your web application.
We’ll go over button classes as well as container and Jumbotron classes.
part 2. Forms
Bootstrap comes with many default classes for forms.
You don't have to memorize all the classes that you need.
part 3. Navbars
Navbars are navigational bars that you will often see on the top of a website.
The important thing in Navbars is that 'how to connect an HTML page to Javascript and jQuery'.
part 4. Grids
The grid system for Bootstrap is one of its most fundamental features. The grid system provides the core mechanism by which using Bootstrap allows websites to look good across multiple devices of multiple screen sizes.
part 5. Apply bootstap
Method to apply bootstap is simple. Download and process the index.html file separately.
1) First, go to Bootstrap getbootstrap.com and click Documentation.
2) Copy the viewport part from the starter template and apply it to base.html.
3) Next, open the bootstrap 4.0 source to copy all the content and create a new file in the inventory project.
4) Add link to base.html in bootstrap file.
5) Create a custom.css file in the css folder and add it to the link.
The point of caution is the order. The css file at the top has priority. Therefore, place custom.cs on the upper line.
6) Copy the contents of the js file in the same way as the css file to create a folder of the inventory project static/js, and copy and insert each js file.
7) All static files of the inventory project are moved to one place.
8) Because the style of a web page works on a class basis, it specifies a class in a particular division. Add the container class to the current base.html template file for the next operation.
9) Plus, If you go to the bootstrap page and look at the contents of the component, you can get example information about the navbar. You can test several of them and use them with the required style. Just copy the navbar sample code and put it in the navbar.html template.
