Bootstrap 4 - Components
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|
The alert component specifies the predefined message for user actions.
Badges are used to highlight the additional information to the content.
It is used to show hierarchy-based information for a site.
Bootstrap provides clickable button to put content such as text and images.
Button groups allow multiple buttons to be stacked together on a single line.
Card is a content container which displays a bordered box with some padding around it.
Carousel is a flexible, responsive way to add a slider to your site.
It is used to show or hide the content.
Dropdown menus can be used for displaying links in a list format.
The form element is used to collect input from user.
Using input groups you can easily prepend and append text or buttons to the text-based inputs.
It increases the size of headings and adds a lot of margin for landing page content.
Modal is a child window that is layered over its parent window.
Bootstrap provides navigation items for your site in a horizontal menu.
Navbar provides navigation headers for your application or site.
Pagination is used to divide the related content across multiple pages.
Popover is similar to tooltip, offering an extended view complete with a heading.
Progress bar shows progress of a process with stacked bars, animated backgrounds, and text labels.
Scrollspy is used to indicate currently active link in the menu based on scroll position.
Tooltips are useful when you need to describe a link.