Bootstrap's features are

• Build functional APIs with zero coding.
• Resources with permissions.
• Built in user authentication.
• Easy Integration with existing apps and tools.

Bootstrap has 2 major layouts

• Fluid: This layout is required for generating a 100 percent broader app that spans the entire screen width.
• Fixed: It is only used for a normal display. Both of these layouts can be combined to make a responsive design.

A progress bar is used to display the progress of a process on a computer. It displays the range of completion of progress. The progress bar can be added to a web page using inbuilt bootstrap classes. Bootstrap has many types of progress bars. For Ex: .bg-success, .bg-info, bg-warning etc.

When the user clicks or hovers over the element then it shows data called Collapsing Element. This is the modern way to show a large amount of data to the user. We can also create our own collapsing element by using HTML, CSS, and JS. It makes the website very clean by collapsing the data while hovering or clicking on it. But Bootstrap facilitates the collapsing element property in its components. Bootstrap facilitates the collapsing element property

There are 3 types of lists supported by Bootstrap are:

• Unordered Lists: In Unordered lists, items are marked with bullets.
• Ordered Lists: In Ordered lists items are marked with numerical bullets such as 1,2, i, ii, etc.
• Definition Lists: In Definition lists, items are defined with their description.

Carousel is the slideshow component of bootstrap that is widely used for slideshow or cycling through different elements of an HTML document especially image containers or texts. The major use of the carousel plugin is to implement a slider or a slideshow of images. The HTML div containing images can also contain text.

By adding the class .img-responsive to the <img> tag in Bootstrap, images may be made responsive. This class gives the picture max-width: 100%; and height: auto; so that it scales well with the parent element.

Bootstrap Containers are the most basic layout element and are very essential for basic building blocks of bootstrap that wrap a page’s content. By using container we can align content according to the viewport or given device. We can define container within the container class (.container). In other words, we can also say that containers are established the width for the layout to give the content. All the elements and content are added within the container.

Bootstrap Grid System divides up to 12 columns across the page. You can use each of them individually or also can be merge together for wider columns. You can use 12 columns each of width 1 or use 4 columns each of width 3 or any other combination.

Bootstrap Alerts are a technique for styling user messages. They send contextual feedback messages in response to common user behaviors. To alert, you can add an optional close icon. Create a wrapper div and add a class of .alert and one of the four contextual classes to create a basic alert.