Bootstrap 4 uses a collection of content modes to display text, code blocks, responsive images, tab format data etc on a web page.
Lists of the components content methods
The following table lists the content methods you can use to manage Bootstrap 4 -
MethodsĀ | Description |
Alerts | Section specifies a predefined message of user actions. |
Badges | Badges are used to highlight additional details in content. |
Breadcrumb | Used to show information based on site administrators. |
Buttons | Bootstrap provides a click button to place content such as text and images. |
Button group | Button groups allow multiple buttons to be grouped together in a single line. |
Cards | A card is a content container that shows a box corresponding to a specific entry in it. |
Carousel | Carousel is a flexible, responsive way to add a slide to your site. |
Collapse | Used to show or hide content. |
Dropdowns | Drop-down menus can be used to display links in list format. |
Forms | The form object is used to collect input from the user. |
Input group | Using input groups you can easily configure and add text or buttons to text-based input. |
Jumbotron | Increases the size of the titles and adds a lot of limit to the content of the landing page. |
Modal | Modal child window is placed above the parent window. |
Navs | Bootstrap provides your site navigation features in a horizontal menu. |
Navbar | Navbar provides navigation topics for your application or site. |
Pagination | Pagination is used to classify relevant content across multiple pages. |
Popovers | Popover is like a Tooltips, which offers a fully extended view of the topic. |
Progress | The progress bar shows the continuation of the process with integrated bars, background animation, and text labels. |
Scrollspy | Scrollspy is used to show the currently active link in the menu based on the browsing area. |
Tooltips | The Tooltip is useful when you need to define a link. |