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