Bootstrap 4 - Components

Description

Bootstrap 4 uses collection of content methods for displaying the text, blocks of code, responsive images, data in a tabular format etc on the web page.

The following table lists down the content methods which you can use to manipulate the Bootstrap 4 −

S.No.	Methods & Description
1	Alerts The alert component specifies the predefined message for user actions.
2	Badges Badges are used to highlight the additional information to the content.
3	Breadcrumb It is used to show hierarchy-based information for a site.
4	Buttons Bootstrap provides clickable button to put content such as text and images.
5	Button group Button groups allow multiple buttons to be stacked together on a single line.
6	Cards Card is a content container which displays a bordered box with some padding around it.
7	Carousel Carousel is a flexible, responsive way to add a slider to your site.
8	Collapse It is used to show or hide the content.
9	Dropdowns Dropdown menus can be used for displaying links in a list format.
10	Forms The form element is used to collect input from user.
11	Input group Using input groups you can easily prepend and append text or buttons to the text-based inputs.
12	Jumbotron It increases the size of headings and adds a lot of margin for landing page content.
13	Modal Modal is a child window that is layered over its parent window.
14	Navs Bootstrap provides navigation items for your site in a horizontal menu.
15	Navbar Navbar provides navigation headers for your application or site.
16	Pagination Pagination is used to divide the related content across multiple pages.
17	Popovers Popover is similar to tooltip, offering an extended view complete with a heading.
18	Progress Progress bar shows progress of a process with stacked bars, animated backgrounds, and text labels.
19	Scrollspy Scrollspy is used to indicate currently active link in the menu based on scroll position.
20	Tooltips Tooltips are useful when you need to describe a link.

Previous Page Print Page